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

【问题标题】：layout problem: keeping a fixed width in CSS with varying text布局问题：在 CSS 中使用不同的文本保持固定宽度
【发布时间】：2011-01-23 07:11:48
【问题描述】：

包含我要显示的文本的“span”标签的宽度为 500 像素。

现在，每次我插入比该宽度更长的文本时，它都会跨越以完成文本。仅当文本没有空格时才会发生这种情况（例如：

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

你明白了。

我试过设置最大宽度，但也没有用。

有什么建议吗？（我不想不得不用 php 剪切文本）

【问题讨论】：

【解决方案1】：

word-wrap: break-word

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

【讨论】：

【解决方案2】：

你也讨厌用 CSS 剪切文本吗？尝试使用overflow: hidden。但这会删掉文本。

我不知道你的文本的结构，但如果你真的期待你的例子中的单词，那么在 looooong 单词中插入一个空格怎么样，否则会破坏你的布局并让 HTML 自动换行关心换行符？

【讨论】：