防止文本在HTML中溢出填充的容器
发布时间:2020-12-14 19:33:25 所属栏目:资源 来源:网络整理
导读:我有这种情况: div style="width: 100px; padding: 5px 15px 5px"Some text longer than 100px/div 如果我设置溢出:隐藏在div上,文本仍然会在右边的15px填充区域外面: ++----------------------------+------+++----------------------------+------+||Th
我有这种情况:
<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; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |