ex - 相对于字符x的高度 - css 长度

乐乐2年前 (2023-11-21)阅读数 19#技术干货

文章标签浏览器

ex

ex 这个单位表示元素font的 x-height 。在含有“X”字母的字体中，它是该字体的小写字母的高度；对于很多字体来说，1ex ≈ 0.5em。

说明：

相对长度单位。相对于字符“x”的高度。通常为字体高度的一半。

如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

浏览器支持


浏览器都支持`ex`

实例

.h{
	margin: 10px 0;
	font-size: 16px;
}
.x {
	overflow: hidden;
	height: 1ex;
	background: #aaa;
}
定义一条与字母x高度相同的线：
xxxx

定义一条与字母x高度相同的线：

xxxx

.demo1 .h{margin: 10px 0;font-size: 16px;}.demo1 .x{overflow: hidden;height: 1ex;background:#aaa;}

内容声明：本文中引用的各种信息及资料（包括但不限于文字、数据、图表及超链接等）均来源于该信息及资料的相关主体（包括但不限于公司、媒体、协会等机构）的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理！本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)