当使用固定宽度字体，我想指定 HTML 元素的宽度人物.
“em”单位应该是 M 字符的宽度，所以我应该能够使用它来指定宽度。这是一个例子：
<html>
<head>
<style>
div {
font-family: Courier;
width: 10em;
}
</style>
</head>
<body>
<div>
1 3 5 7 9 1 3 5 7 9 1
</div>
</body>
</html>
结果不是我想要的，因为浏览器在第 15 列之后换行，而不是第 10 列：
1 3 5 7 9 1 3 5
7 9 1
（结果是 Firefox 和 Chromium，都在 Ubuntu 中。）
维基百科的文章 https://secure.wikimedia.org/wikipedia/en/wiki/Em_%28typography%29说“em”并不总是M的宽度，所以看起来“em”单位绝对不能被信任。
ch unit
您要找的单位是ch。根据MDN docs https://developer.mozilla.org/en-US/docs/Web/CSS/length#ch:
ch：表示元素中字形“0”（零，Unicode 字符 U+0030）的宽度，或者更准确地说是提前量度。font.
主要浏览器的当前版本支持它（caniuse https://caniuse.com/#feat=ch-unit).
Example
pre {
width: 80ch; /* classic terminal width for code sections */
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
