顶部显示 Firefox/IE。底部是谷歌浏览器。注意到右边的小空间了吗?
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
ul {
padding: 0;
margin: 0;
width: 300px;
list-style-type: none;
text-align: justify;
background-color: #00f;
}
ul:after {
content: '';
display: inline-block;
width: 100%;
}
li {
display: inline-block;
}
a {
color: #fff;
}
这么小的空间是从哪里来的?为什么它不能证明冲洗到边缘是合理的?