什麼CSS樣式給超鏈接之間更多的空間

Question

我有一個包含超鏈接列表的ASP.NET應用程序。在每個超鏈接之後，都有一個br標籤，將每個超鏈接放在自己的行上。我想增加每行之間的間距。我不想添加另一個br trag，因爲它不提供我正在尋找的控件。我嘗試過不同的CSS樣式，沒有任何改變。我用什麼樣式的CSS來完成這個任務？

Answer 1

您可以將邊距或填充添加到BR標籤的頂部，例如。

br { margin:10px 0; } 

如果這是不可行的，那麼使你的超鏈接塊級別，並添加邊緣或填充，例如頂部。

a { display:block; margin:10px 0; } 

使用後一種方法，您不再需要BR標籤。

Answer 2

對於超鏈接，您可以使用display:block;和margin-bottom:[some value]樣式/ CSS屬性，您不需要擁有BR元素，並且您將獲得更多的控制權。

Answer 3

我想你正在尋找的是line-height：

http://www.w3.org/TR/WCAG20-TECHS/C21.html

即使這可能是更好的/ '更好' 的解決方案：

<ul id="mylinklist"> 
    <li><a href="#1">Link 1</a></li> 
    <li><a href="#2">Link 2</a></li> 
    <li><a href="#3">Link 3</a></li> 
    <li><a href="#4">Link 4</a></li> 
    <li><a href="#5">Link 5</a></li> 
</ul> 

而這種風格：

ul#mylinklist{ 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
} 

ul#mylinklist li{ 
    margin-bottom: 10px; 
} 

Answer 4

刪除<br /> elemen ts，而是給這些錨元素一個display:block屬性。

然後使用padding-top或padding-bottom或margin-top或margin-bottom增加之間的空間。

Answer 5

使用margin-top或margin-bottom

a{ 
margin-bottom: 1em; 
}