2012-01-16 124 views
1

请检查此http://jsfiddle.net/karthik64/JHVDn/1/对齐​​标签的元素

好吧,我相信你有我在哪里stucked at.See在我的结果,我想那Sean Kingstonnnnnnnnn被放在下面,如果无法适应在给定的宽度,但发生了什么是Sean是打印并kingstonnnnnn在下一行,这不应该发生,我希望以一种很好的方式对齐,我不希望他们分手或分裂。那么我甚至尝试使用text-align:justify,但它并没有帮助我

请亲切地告诉我,我如何克服这一点。我希望桌子可以使用,但如果有其他解决方案,我们将非常感谢,这将有助于加强我的技能。谢谢

回答

2

尝试插入white-space:nowrap;放入CSS中。

+0

顺便说一下,你不应该有多个具有相同ID的元素。你应该改用类来代替,所以** id =“span_data”**变成** class =“span_data”**。 – philwilks 2012-01-16 08:07:56

+0

这里是我的小提琴:http://jsfiddle.net/JHVDn/5/ 请注意,使用** display:inline-block; **不适用于所有浏览器 - 我更喜欢** display:inline-block; float:left; **正如@Brombomb – philwilks 2012-01-16 08:13:08

+0

指出的那么只要告诉我,我对white_space:nowrap留下了非常深刻的印象,但它是否可以与所有浏览器版本兼容? – niko 2012-01-16 08:19:41

1

display: inline-block会做到这一点,但不适用于旧的IE浏览器。一个简单的float: left将允许它在所有浏览器中很好地包装(但实际上击败了span元素的目的)。