html – 隐藏前x个字符

发布时间：2020-12-14 18:31:20 所属栏目：资源来源：网络整理

导读：是否可以通过css隐藏h4元素的前x个字符？例如： h4Data: This is some random data./h4 “数据：”不得显示. 我尝试溢出并移动包含h4的div,这有效,但对我来说这不是一个好的解决方案. 也许有一个命令我不知道哪个有帮助.我知道JavaScript和strreplace也可以

是否可以通过css隐藏h4元素的前x个字符？

例如：

<h4>Data: This is some random data.</h4>

“数据：”不得显示.

我尝试溢出并移动包含h4的div,这有效,但对我来说这不是一个好的解决方案.

也许有一个命令我不知道哪个有帮助.我知道JavaScript和strreplace也可以工作,但我正在寻找一个纯CSS解决方案.

解决方法

遗憾的是,CSS无法计算字符串的宽度,也无法访问文本内容……如果您使用的是等宽字体,则可以根据字体大小手动计算宽度,但仍然可以糟糕的解决方案.

负边距,缩进等是不可靠的,因为我们不知道字体是如何渲染的,这意味着它可能在不同的浏览器中,在不同的缩放级别等下都会破坏并看起来很丑陋……

底线：单靠CSS无法做到

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!