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

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

你好,世界

给出如下结果：

███████████

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

█▄██▄▄██

最佳答案

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

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