什么CSS样式可以在超链接之间提供更多空间

Question

我有一个包含超链接列表的ASP.NET应用程序。在每个超链接之后，都有一个br标记，将每个超链接放在各自的行上。我想增加每行之间的间距。我不想再添加一个br trag，因为它不能提供我想要的控制。我尝试了不同的CSS样式，没有任何改变。我使用什么CSS样式来实现这一点？

Answer 1

对于可以使用display:block;和margin-bottom:[some value]样式/CSS属性的超链接，您不需要拥有BR元素，并且可以获得更多的控制权。

Answer 2

您可以在BR标签的顶部添加边距或填充，例如

br { margin:10px 0; }

如果这不可行，那么让你的超链接块级别，并在它们的顶部添加边距或填充，例如

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

使用后一种方法，您就不再需要BR标记了。

Answer 3

删除<br />元素，并为这些锚点元素赋予display:block属性。

然后使用padding-top或padding-bottom或margin-top或margin-bottom来增加它们之间的空间。

Answer 4

我想你要找的是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 5

使用margin-top或margin-bottom

a{
margin-bottom: 1em;
}