CSS:如何设置字符高度与行高的样式

前端之家收集整理的这篇文章主要介绍了CSS:如何设置字符高度与行高的样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在这里忍受我,但假设这段代码

你好,世界

给出如下结果:

███████████

是否可以将样式应用于字母高度,而不是字体/行高?实际上最终结果是这样的:

█▄██▄▄██

最佳答案
不(不管背景颜色).背景颜色适用于整个元素(例如,span元素),其基本上是由CSS框模型确定的框.来自W3C的official recommendation指定背景颜色将填充框模型的内容,填充和边框区域. CSS3 background (candidate recommendation)为您提供了更多的功能来控制背景颜色的适用范围,但并不多.

如果你真的想要你刚刚在你的问题中展示的效果,我认为一个JavaScript函数可以将“短”字符(例如“w”)转换为“”和“高”字符(例如“h”) “█”会很好用. Here’s a demo on jsfiddle.

猜你在找的CSS相关文章