我有以下兩個代碼摘錄,來自我正在處理的網站。我正在嘗試改變線條,我正在努力這樣做。這個想法是有以下幾點:
“Javascript”
4年以上
“HTML”
3年以上
以此類推,但沒有在年份和編程語言之間添加行距,換句話說,每種編程語言之間只有行距。我曾想過使用 pre 標簽,但這只會讓情況變得更糟。
編輯:請嘗試提供一個不需要 20 列 div/wrappers 的解決方案,否則會弄亂列的定位。謝謝!
HTML:
<div class="column" id="column1">
<h2>Programming Languages</h2>
Java 4 yrs <br>
SQL - 2 yrs <br>
JavaScript - 2 yrs <br>
<h2>Tools</h2>
</div>
<div class="column" id="column2">
Python - 2 yrs <br>
C# - 1 yrs <br>
C - 1 yr <br>
</div>
<div class="column" id="column3">
HTML ~ 1 yr <br>
CSS ~ 1 yr <br>
Bash ~ 1 yr
</div>
CSS:
.column{
position: absolute;
color: white;
font-size: 16px;
line-height: 60px;
}
#column1{
margin-top: 100px;
left: 300px;
}
#column2{
margin-top: 100px;
left: 600px;
}
#column3{
margin-top: 100px;
left: 900px;
}
uj5u.com熱心網友回復:
如果我正確理解您的問題,只需添加您的 css 樣式“line-height:However long”
uj5u.com熱心網友回復:
您可以輸入每種語言和年份
并將每種語言和年份包裝在 div 中。然后將 css line height 屬性添加到您想要 div 的值。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/381195.html
下一篇:如何去除切片影像之間的間距?
