我有两行链接,例如:
Link 1 Link 2 Link 3 Link 4
Link 5 Link 6 Link 7 LInk 8
无论链接中有多少个字符,我都需要顶部的四个链接与顶部的底部链接对齐.例如,
This is link 1 This is link 2 Link 3 L4
LInk 1 Link 2 that is longer Link 3 L4
我可以使用表和td单元格来做到这一点,但是仅使用div怎么能做到呢?
最佳答案
<ul id="links">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
CSS:
#links {
list-style: none;
padding: 0px;
margin: 0px;
overflow: hidden;
}
#links li {
width: 25%;
margin: 5px 0px;
padding: 0px;
float: left;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。