我有这种情况:
<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; }
原文地址:https://www.jb51.cc/html/224225.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。