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

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

你好,世界

给出如下结果：

███████████

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

█▄██▄▄██

最佳答案

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

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

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。