有没有办法控制一块区域的宽度刚好是80个英文字符?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 4672 天前的主题，其中的信息可能已经有所发展或是发生改变。

想在浏览器中模拟终端界面, 不料在确定区域宽度时遇到了麻烦.
用em指定是不行的, 1em是一个汉字的宽度; px也不行, 即使指定了font-size, font-family和letter-spacing, 不同浏览器中80个字符的宽度也不同.

宽度

font

3 条回复 • 1970-01-01 08:00:00 +08:00

cutehalo

2012-03-13 20:43:54 +08:00

在容器里放个div里面装80个空格？好像很不靠谱的方法啊。。。

sparanoid

MOD

2012-03-13 20:47:03 +08:00

字符等宽的话试试用 ch 单位？

rechtar

2012-03-13 21:07:36 +08:00

ch 单位就是做这个的，可惜只有 Mozilla 跟 IE9 支持。

我觉得更靠谱的思路是用脚本主动控制文本在 80 个时折行，而不是限制区域宽度然后依靠浏览器的自动折行——然后把区域用 <pre> 包住。

研究下前人的做法呗。比如 http://www.htmlfivewow.com/demos/terminal/terminal.html