前端之家收集整理的这篇文章主要介绍了
html – 隐藏前x个字符,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以通过css隐藏h4元素的前x个字符?
例如:
<h4>Data: This is some random data.</h4>
“数据:”不得显示.
我尝试溢出并移动包含h4的div,这有效,但对我来说这不是一个好的解决方案.
也许有一个命令我不知道哪个有帮助.我知道JavaScript和strreplace也可以工作,但我正在寻找一个纯CSS解决方案.
遗憾的是,CSS无法计算字符串的宽度,也无法访问文本
内容……如果您使用的是等宽字体,则可以根据字体大小手动计算宽度,但仍然可以糟糕的
解决方案.
负边距,缩进等是不可靠的,因为我们不知道字体是如何渲染的,这意味着它可能在不同的浏览器中,在不同的缩放级别等下都会破坏并看起来很丑陋……
底线:单靠CSS无法做到
原文链接:https://www.f2er.com/html/226083.html