代码之家  ›  专栏  ›  技术社区  ›  Gal

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

  •  1
  • Gal  · 技术社区  · 16 年前

    包含我要显示的文本的“SPAN”标记的宽度为500px。

    现在,每次我插入超过该宽度的文本时,它都会交叉完成文本。只有当文本没有空格(如:

    sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
    

    你拿到照片了。

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

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

    2 回复  |  直到 16 年前
        1
  •  3
  •   mercator    16 年前

    word-wrap: break-word

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

    你可以 see a preview here .

        2
  •  1
  •   Select0r    16 年前

    你也不喜欢用CSS剪切文本吗?尝试使用 overflow: hidden . 但这将削减文本。

    我不知道你的文本的结构,但是如果你真的希望在你的例子中有单词,那么在loooong单词中插入一个空格,否则会破坏你的布局,让html自动换行来处理换行呢?