0

我想要以下代码：

<pre style="voodoo">123456789</pre>

显示为：

123
456
789

（一般来说，我有大量文本，我想在一行中准确显示 n 个字符，其中 n 是任意数字）。

所以我尝试了这个：

<pre style="width:3em; word-wrap:break-word;">123456789</pre>

但是 em 并不是这样工作的。和 px 也是如此。我有一个描述字体宽度的单位（尤其是在环境中）？还是我应该更改另一个属性而不是宽度？

4

5 回答 5

0

[< pre>][1] 的全部意义在于保留格式（空白），这与您尝试做的相反！虽然这似乎对我有用

<div style="word-wrap: break-word;width:60px">
12345678910123456789
</div>

<pre style="word-wrap: break-word;width:60px">
12345678910123456789
</pre>
于 2012-04-11T20:24:53.687 回答
0

以下似乎有效：

pre {
    width: 2em;
    word-wrap: break-word;
}

JS 小提琴演示。

尽管我怀疑完美的宽度以及每行字符数与宽度之间的关系似乎有些武断，并且是通过反复试验发现的。所以虽然它有效（至少在 Chromium 17/Ubuntu 11.04 中），但我对它并不特别满意。

于 2012-04-11T20:39:06.877 回答
0

您可以尝试手动选择适当的 值width，但我不确定它在所有浏览器/系统中是否都能正常工作。

顺便说一下em“符号m的宽度”，所以它应该做这项工作。但是没有，不知道为什么。

于 2012-04-11T20:42:47.617 回答
0

这两个都在 Firefox 中工作，但我不知道其他浏览器：

<pre wrap width="3" style="word-wrap:break-word;">123456789</pre>
<pre style="width: 3ch; white-space: pre-wrap; word-wrap: break-word;">123456789</pre>
于 2012-04-11T20:43:48.130 回答
0

您可以使用以下公式计算宽度值

宽度 =（每行符号数）/1.5

例如

每行 9 个符号 / 1.5 = 6em

如果您不使用 font-size-adjust 它将起作用

于 2012-04-11T20:49:52.040 回答