隐藏超出DIV元素的文本

时间:2010-12-11 11:23:24

标签: html


我有一个固定宽度的DIV元素,有一些文本没有任何空格,HTML解析器可以自动分成多行。该文本超出了DIV的限制并弄乱了pgae:

  1. 反正是否有文字超出边界隐形?
  2. 是否可以将其分成多行,或者甚至更好 - 在每条折线的末尾用多条线打破多行?
  3. 的问候,
    Rafid

3 个答案:

答案 0 :(得分:13)

您可以使用CSS执行此操作。

  

有没有让文字越过边界不可见?

是的:overflow

#yourDivId {
    overflow: hidden;
}
  

是否可以将其分成多行

是的:word-wrap

#yourDivId {
    word-wrap: break-word;
}

答案 1 :(得分:1)

你可以使用CSS:

div {
    overflow: hidden;
}

或者:

overflow: auto;

更多信息:https://developer.mozilla.org/en/docs/Web/CSS/overflow

答案 2 :(得分:1)

第一个问题的答案是使用以下样式:

overflow: hidden;

或者,如果您希望能够在div中滚动以查看可以执行的内容

overflow: auto;

overflow: scroll;

要做你在第二个问题中提出的问题,你需要一些javascript。