對齊標籤的元素

請檢查此http://jsfiddle.net/karthik64/JHVDn/1/。對齊標籤的元素

好吧，我相信你有我在哪裏stucked at.See在我的結果，我想那Sean Kingstonnnnnnnnn被放在下面，如果無法適應在給定的寬度，但發生了什麼是Sean是打印並kingstonnnnnn在下一行，這不應該發生，我希望以一種很好的方式對齊，我不希望他們分手或分裂。那麼我甚至嘗試使用text-align:justify，但它並沒有幫助我

請親切地告訴我，我如何克服這一點。我希望桌子可以使用，但如果有其他解決方案，我們將非常感謝，這將有助於加強我的技能。謝謝

來源

2012-01-16 niko

嘗試插入white-space：nowrap;放入CSS中。

來源

2012-01-16 08:05:19 philwilks

順便說一下，你不應該有多個具有相同ID的元素。你應該改用類來代替，所以** id =「span_data」**變成** class =「span_data」**。 – philwilks 2012-01-16 08:07:56

這裏是我的小提琴：http://jsfiddle.net/JHVDn/5/ 請注意，使用** display：inline-block; **不適用於所有瀏覽器 - 我更喜歡** display：inline-block; float：left; **正如@Brombomb – philwilks 2012-01-16 08:13:08

指出的那麼只要告訴我，我對white_space：nowrap留下了非常深刻的印象，但它是否可以與所有瀏覽器版本兼容？ – niko 2012-01-16 08:19:41

我的叉子，http://jsfiddle.net/fq347/

您不能分配具有相同id多個元素。使用class代替
使用display:inline-block來實現包裝。

來源

2012-01-16 08:06:24 Alasjo

display: inline-block會做到這一點，但不適用於舊的IE瀏覽器。一個簡單的float: left將允許它在所有瀏覽器中很好地包裝（但實際上擊敗了span元素的目的）。

來源

2012-01-16 08:08:32 Brombomb

對齊​​標籤的元素

回答

相關問題

對齊標籤的元素