3

我不希望这些链接在网页上彼此相邻显示（仅在<footer>元素中，我希望每行一个链接并且我不想使用<br>：

<footer>
    <p>Copyright © 2013 </p>
    <a href="http://www.link.com/">link.com</a>
    <a href="http://www.link.com/">link.com</a>
    <a href="http://www.link.com/">link.com</a>
    <a href="http://www.link.com/">link.com</a>
    <a href="http://www.link.com/">link.com</a>
</footer>
4

5 回答 5

4

将aelementsdisplay属性设置为block，这将导致每个元素显示在自己的行上。

footer a{
   display: block;
}
于 2013-04-17T09:30:05.323 回答
2

您可以使它们成为块元素：

footer > a { display: block; }
于 2013-04-17T09:30:05.250 回答
2 
a {
    display: block;
}

要仅匹配特定链接，请使用例如footer a { ... }或向链接添加类。

于 2013-04-17T09:30:49.557 回答
2

将页脚标签的样式设置为“块”，这将导致它们占据整行。

footer a{
   display: block
}
于 2013-04-17T09:32:18.377 回答
-1 
display:block; float:left; clear:left;
于 2013-09-11T14:02:58.403 回答