对齐标签的元素

Question

请查看此http://jsfiddle.net/karthik64/JHVDn/1/。

嗯，我相信你得到了我被困的地方。看到我的结果，我希望Sean Kingstonnnnnnnnn放在下面，如果它不能适合给定的宽度，但发生的是{{1}在下一行打印和Sean，这不应该发生我想要以一种很好的方式对齐我不希望它们分解或拆分。好吧，我甚至尝试使用kingstonnnnnn，但它没有帮助我

请告诉我，我该如何克服这一点。我想要使​​用该表，但如果有任何其他解决方案，非常感谢它将有助于加强我的技能。谢谢

Answer 1

尝试将 white-space：nowrap; 插入CSS。

Answer 2

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

• 您无法使用相同的id分配多个元素。请改用class
• 使用display:inline-block来实现包装。

Answer 3

display: inline-block会做到这一点，但不会在较旧的IE浏览器中使用。一个简单的float: left将允许它在所有浏览器中很好地包装（但实际上违背了span元素的目的）。