html – 隐藏前x个字符

html – 隐藏前x个字符,第1张

概述是否可以通过css隐藏h4元素的前x个字符? 例如: <h4>Data: This is some random data.</h4> “数据:”不得显示. 我尝试溢出并移动包含h4的div,这有效,但对我来说这不是一个好的解决方案. 也许有一个命令我不知道哪个有帮助.我知道JavaScript和strreplace也可以工作,但我正在寻找一个纯CSS解决方案. 遗憾的是,CSS无法计算字符串的宽 是否可以通过CSS隐藏h4元素的前x个字符?

例如:

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

“数据:”不得显示.

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

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

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

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

底线:单靠CSS无法做到

总结

以上是内存溢出为你收集整理的html – 隐藏前x个字符全部内容,希望文章能够帮你解决html – 隐藏前x个字符所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1138104.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存