1

私はこのようなテキストを作りたいです:

http://www.picz.ge/img/s4/1303/22/3/33efdad184ec.jpg

こんな風に見える：

texttext:      textttt
ttttttttttt:   ttt215555
textt:         trtrtrt

しかし、試してみると、次のようになります。

texttext: textttt
ttttttttttt: ttt215555
textt: trtrtrt

私が現在使用している私のコード:

<div class="aligncenter" style="width: 700px; height: 1px; border-top: 1px dotted #999999; font-size: 0;">-</div>
Hours: Mon - Sun: 3:00 pm - 6:00 am Phone: 777777777777 Address: asd str. #14
<div class="aligncenter" style="width: 700px; height: 1px; border-top: 1px dotted #999999; font-size: 0;">-</div>

私はこのように解決しました（ワードプレス）： http://jsfiddle.net/SEcph/

<table border="0" align="left">
<tbody>
<tr>
<td style="width: 80px;">Phone:</td>
<td>+999 999 999 999</td>
</tr>
<tr>
<td style="width: 80px;">Phone:</td>
<td>+999 999 999 999</td>
</tr>
<tr>
<td style="width: 80px;">Phone:</td>
<td>+999 999 999 999</td>
</tr>
</tbody>
</table>
4

4 に答える 4

1

white-space: preまたはを使用white-space: pre-wrapして、テキスト内のスペースを保持できます。表形式のデータに s を使用したレイアウト、または固定幅の用語を使用し<table>た定義リストのセットアップを使用することもできます。<dl> / <dt> / <dd>

于 2013-03-22T19:37:13.220 に答える
1

white-space: preテキストに適切な量のスペースを手動で追加する必要があるため、おそらく使用したくないでしょう。

特定の幅のスパンを使用して、幅 2x の div でラップすると、これを簡単に実現できます。ここを参照してください: http://jsfiddle.net/qaTDN/

于 2013-03-22T19:40:38.770 に答える
0

特定の幅で行または単語を分割するには、次の CSS タグを使用できます。

ワードラップ: ブレークワード;

于 2013-03-23T06:08:32.000 に答える
0

これは表形式のデータ<table>です。

于 2013-03-22T20:19:00.663 に答える