我有这种情况:
<div style="width: 100px; padding: 5px 15px 5px">Some text longer than 100px</div>
如果我设置溢出:隐藏在div上,文本仍然会在右边的15px填充区域外面:
++----------------------------+------+ ++----------------------------+------+ ||This text should stop here -| but i| ++----------------------------+------+ ++----------------------------+------+
解决方法
您可以使用透明边框来制作所需的边距.不会溢出:
div { white-space: Nowrap; overflow: hidden; max-width: 300px; border-left:1em solid transparent; border-right:1em solid transparent; text-overflow: ellipsis; }