在一条线上将文本分隔到另一条线上？

Question

我要让文字是这样的：

是这样的：

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> 

我已经解决它像这样（WordPress的）： http://jsfiddle.net/SEcfh/

<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> 

Answer 1

您可以使用white-space: pre或white-space: pre-wrap保存在您的文本空间。您也可以使用带有<table>的布局表格数据或使用固定宽度术语的定义列表<dl>/<dt>/<dd>设置。

Answer 2

您可能不想使用white-space: pre，因为您必须手动添加适量的空格到文本中。

使用具有一定宽度的跨度，用宽度为2x的div包裹，可以轻松实现此目的。看到这里：http://jsfiddle.net/qaTDN/

Answer 3

这是表格数据，所以为什么不把它放在<table>？

Answer 4

，彻底打破某些后宽线或单词，你可以使用这个CSS标签：

自动换行：打破字;