什么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; 
}