javascript - CSS 'ch' 单元的意外行为
问题描述
我正在使用ch
CSS 单元来指定div
包含文本的宽度。我正在使用等宽字体。但是,如果我设置 width: 80ch
,我会在第一n
行得到 80 个字符(其中n
总是 24 个,不确定这是否重要!),但从那时起只有 79 个字符。这显示在下面的屏幕截图中:
看起来这可能是一些四舍五入的问题。如果我设置width: 80.01ch
,我总是得到 80 个字符,如下面的截图所示:
这是一个已知的问题?我想我已经通过将其设置为80.1ch
(甚至80.01ch
,也可以)找到了解决方法,但这绝对不是我所期望的。
这是一个说明问题的最小片段。向下滚动以查看每行 80 个字符降至 79 个字符。][3]
<div id="rx-data" style="width: 100%; height: 100%; font-family: monospace; overflow-y: scroll;"><div style="width: 80ch;"><span style="white-space: pre-wrap; word-break: break-all;">0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</span></div></div>
解决方案
推荐阅读
- javascript - 使用 Discord.js 编写 JSON 文件
- javascript - 使用 .innerHTML 将数字列表连接到列表中
- android - RecyclerView 项目未使用 LiveData 更新
- javascript - 将 gulpfile.js 转换为 v4
- python - 当单个实例应该被更新时,一个类的多个实例被更新
- python - 在 python 的图中添加斜率和 r^2
- c - 我找不到这个分段错误
- php - 类常量和依赖注入的好习惯是什么
- python - 管道中的python脚本:errno22
- python - 从 Python 运行的 VBA 弹出窗口中选择一个文件夹