溢出时隐藏在div元素上方的额外空格

Question

我在列表元素内部有一个div。出于某种原因，当div隐藏溢出时，div与列表样式项目符号不在同一行。有什么想法吗？

HTML：

<ul><li><div>Here is some long text</div></li></ul> 

CSS：

ul {width:150px;} 
li {list-style-type:square} 
div { 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 

小提琴：https://jsfiddle.net/scottchantry/supcsayt/

Answer 1

的DIV是块元素，这使得它占用了新的生产线。将display:inline添加到您的div应该做的伎俩。 https://jsfiddle.net/supcsayt/2/

div { 
    display: inline; 
}