隐藏超出 DIV 元素的文本答案

【问题标题】：Hide text going beyond DIV element隐藏超出 DIV 元素的文本
【发布时间】：2016-03-04 15:25:55
【问题描述】：

我有一个固定宽度的 DIV 元素，其中包含一些没有空格的文本，HTML 解析器可以自动分成多行。文字超出了DIV的限制，弄乱了pgae：

问候，
拉菲德

【问题讨论】：

标签： html

【解决方案1】：

您可以使用CSS 来做到这一点。

有没有办法让超出边界的文本不可见？

#yourDivId {
    overflow: hidden;
}

是否可以分成多行

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

【讨论】：

【解决方案2】：

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

overflow: hidden;

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

overflow: auto;

或

overflow: scroll;

要执行您在第二个问题中提出的问题，您需要一些 javascript。

【讨论】：

是的，我可以使用 JavaScript，但我怎么知道文本从哪个字母开始超出边界？你知道，我没有使用 Courier Font 来固定字体宽度（尽管我不想硬编码这些值）。有什么想法吗？
没有。我必须自己玩弄它。如果 JQuery 插件已经提供了它，我不会感到惊讶。

【解决方案3】：

你可以使用 CSS：

div {
    overflow: hidden;
}

或者：

overflow: auto;

【讨论】：