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

我认为你要找的是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 />元素，而是为这些锚元素提供display:block属性。

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

Answer 5

使用margin-top或margin-bottom

a{
margin-bottom: 1em;
}

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

5 个答案: