布局问题:在CSS中使用不同的文本保持固定宽度

时间:2010-03-03 16:27:25

标签: css text layout width

包含我试图显示的文字的“span”标签宽度为500px。

现在,每次插入长度超过该宽度的文本时,它都会跨越以完成文本。只有在文本没有空格时才会发生这种情况(例如:

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

你明白了。

我尝试过设置max-width,但它也无济于事。

有什么建议吗? (我不想用php剪切文本)

2 个答案:

答案 0 :(得分:3)

word-wrap: break-word

IE,Firefox 3.5,Chrome,Safari和Opera 10.50都支持它。它甚至在IE的旧版本中得到支持,因为它是Microsoft发明,现在是CSS3的一部分。

你可以see a preview here

答案 1 :(得分:1)

你还讨厌用CSS剪切文字吗?尝试使用overflow: hidden。但这会削减文本。

我不知道你的文字的结构,但如果你真的期待你的例子中的单词,那么如何将空格插入looooong单词,否则会破坏你的布局并让HTML自动换行关注换行符?