我的问题与此问题基本相同,但将“line-height”替换为“letter-spacing”:

When a relative line-height is inherited,it is not relative to the element’s font-size. Why? And how do i make it relative?

我的用例是这样的:

body {

font-size: 18px;

letter-spacing: 1.2em; /* I would like letter-spacing to be relative to the font-size across the document,at least until I override it */

}

.small {

font-size: 14px;

/* letter-spacing is 1.2em of 18px instead of 14px */

}

我知道它不起作用的原因是继承了计算值而不是指定值,所以每次字体大小改变时我都必须重新指定字母间距.但是我希望有一些类似于线高工作中无单位值的东西.

当然,我可以这样做:

* {

letter-spacing: 1.2em;

}

但是后来我无法停止在某个元素上的级联,就像我能够使用行高:

body {

font-size: 18px;

line-height: 1.5;

}

.normal-line-height {

line-height: normal;

/* all the descendants of this element will have a normal line-height */

}

我的意思是,当然,我总能做到这一点……

.normal-letter-spacing,.normal-letter-spacing * {

letter-spacing: normal;

}

但它仍然没有我想要的那么优雅.我不认为这个问题有一个优雅的解决方案,但我会问,以防我错过了什么.

html字母间距属性,html – 是否可以相对于font-size具有字母间距并正确继承?相关推荐

  1. 设置字的间距php,css letter-spacing设置字间距属性

    css letter-spacing设置字间距属性 有需要的朋友可参考一下. 定义和用法 letter-spacing 属性增加或减少字符间的空白(字符间距). 该属性定义了在文本字符框之间插入多少空 ...

  2. HTML 文字行间距与文字间距属性

    文字行间距属性: line-height:18px; 文字间距属性: letter-spacing:1px;

  3. 从键盘输入一个字符,判断其是不是大写字母,如果是则请输出这个大写字母,如果不是请输出“这不是一个大写字母”的英文信息(要求:能连续输出直到输出“#”结束)。

    从键盘输入一个字符,判断其是不是大写字母,如果是则请输出这个大写字母,如果不是请输出"这不是一个大写字母"的英文信息(要求:能连续输出直到输出"#"结束). P ...

  4. css中首字母下沉_CSS中的经典版式效果:基本首字母大写和首字下沉

    css中首字母下沉 The techniques shown here are somewhat outclassed by the more complex initial-letter prope ...

  5. ios 行间距和段落间距_如何在Microsoft Word中控制行间距和段落间距

    ios 行间距和段落间距 There are lots of reasons you might want to change the amount of space between lines in ...

  6. 输入字符串,输出字符串中出现次数最多的字母及其出现次数。如果有多个字母出现次数一样,则按字符从小到大顺序输出字母及其出现次数。

    输入字符串,输出字符串中出现次数最多的字母及其出现次数.如果有多个字母出现次数一样,则按字符从小到大顺序输出字母及其出现次数. [样例输入1] 55552222abcccdaa [样例输出1] a 3 ...

  7. 统计元音字母——输入一个字符串,统计处其中元音字母的数量。更复杂点的话统计出每个元音字母的数量。

    /*** 统计元音字母--输入一个字符串,统计处其中元音字母的数量.* 更复杂点的话统计出每个元音字母的数量.* @author cscss**/ public class CountYuanYin ...

  8. 请编写程序,由键盘录入一个字符串,统计字符串中英文字母和数字分别有多少个。 比如:Hello12345World中字母:10个,数字:5个。

    package HomeWorks.Day.Day22;import java.nio.charset.StandardCharsets; import java.util.Scanner;publi ...

  9. 输入一个字符,判断它是否为小写字母,如果是,将其装换成大写字母,否则,不转换

    输入一个字符,判断它是否为小写字母,如果是,将其装换成大写字母,否则,不转换 大家好,我是萌新,初学者,这是第一次写博文,所以有些紧张,希望大家不要打我~谢谢 ##小写字母转换成大写字母 先说说我的思 ...

最新文章

  1. 高效sql性能优化极简教程
  2. 使用Python和OpenCV检测图片上的条形码
  3. 5点击换gif_工具:GIF动态图片制作小课堂,开课啦!
  4. java js 正则表达式_如何在JavaScript与Java中使用正则表达式
  5. 为您的机器配置开发环境
  6. 在IntelliJ IDEA里配置Go开发环境
  7. SQLi LABS Less-8 布尔盲注
  8. 接口测试工具Postman接口测试图文教程
  9. java表头表体动态返回_JAVA LIST 简单分页 集成EXT4 grid表头动态返回
  10. Unity 模拟两个小球位置变化,长度也动态变化
  11. 软件开发需求分析内容
  12. 基于esp32的物联网设计
  13. 微信小程序模拟器加载图片成功,真机加载失败
  14. 软件测试培训班出来好找工作么
  15. 【本科课程学习】数据库考试复习题(带答案)
  16. 高并发的核心技术-幂等的实现方案
  17. windows10 训练word2vec 中文语料
  18. JavaScript中template模板引擎
  19. 串口通信,接收并解析数据的方式
  20. 解决出现Failed to connect to 127.0.0.1 port XXXX: Connection refused

热门文章

  1. java 转换为maven_Java工程转换为Maven工程
  2. GPT-3:现实版的“贾维斯”?还是真“人工”智能?
  3. “攀哥”离场 不掩融云组最强战舰技术顶流如云
  4. 分布式数据库进入实时时代,TiDB 5.0 带来了什么?
  5. 进程全家桶,看这一篇就够了 | 原力计划
  6. 5G 十项全能、搭载麒麟 820 芯片,1899 元起的荣耀 X10 来了!
  7. 微信小程序直播正式公测;刘强东 2020 年已卸任 8 家公司高管;React 16.13.0 发布| 极客头条...
  8. 疫情防控,开发者集结出战!
  9. 超低代码拓荒记 | 工业互联网新边疆
  10. C/C++ 最易受攻击、70% 漏洞无效,揭秘全球开源组件安全现状