在一條線上將文本分隔到另一條線上？

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標籤：

自動換行：打破字;