0

次のコードが必要です。

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

次のように表示するには:

123
456
789

（一般的に、私は大量のテキストを持っており、n は任意の数である 1 行に正確に n 文字を表示したいと考えています）。

だから私はこれを試しました：

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

しかし、em は実際にはこのようには機能しません。そしてpxも。font-width (特に環境) を表す単位はありますか? または、幅の代わりに変更する必要がある別のプロパティがありますか?

4

5 に答える 5

0

以下はうまくいくようです：

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

JS フィドルのデモ。

完璧な幅、および 1 行あたりの文字数と幅の関係は、試行錯誤によって発見されたもので、やや恣意的であるように思われますが。そのため、(少なくとも Chromium 17/Ubuntu 11.04 では) 動作しますが、特に満足しているわけではありません。

于 2012-04-11T20:39:06.877 に答える
0

The whole point of [<pre>][1] is to preserve formating (white space) which is the opposite of what you are trying to do! Although this seems to work for me

<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

の適切な値を手動で選択することもできますが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

例えば

1 行あたり 9 シンボル / 1.5 = 6em

font-size-adjustを使用しない場合は機能します

于 2012-04-11T20:49:52.040 に答える