默认情况下,在某些设置中,元素之间似乎存在4px差距(参见示例),它为什么会存在?我怀疑如果修好它会有什么不好的影响。
使用flex-box解决了这个问题,但我仍然不知道它为什么存在,以及它是在加载时生成的还是用JavaScript创建的元素之间的区别。
for(var i = 0; i < 8; i++) {
$(".js").append('<div class="box"></div>');
}
body {
font-family: sans-serif;
}
body > div {
我的代码非常简单:
div {
width: 400px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#flex {
display: flex;
}
<div id="not-flex">
<span>I am text. I should overflow. When I overflow, I should have an ellipsis at the end.</span>
</div>
<div