-2

我在一个 div 中进行了聊天对话，但是很长的话掉出来了。有人建议我使用 i-frame，但是如何使用？我认为这是针对外部网站的。

jsFiddle 代码

CSS

.chat{
   width: 230px;
   height: 310px;
   margin-left: 10px;
   background-color: grey;
   border: solid 1px black;
   color: #1855a3;
   overflow-y: scroll;
}
4

4 回答 4

16

尝试添加word-wrap:break-word;你的CSS

于 2013-05-31T16:29:10.620 回答
3

添加 CSS 规则：word-break:break-word;

jsFiddle 示例

于 2013-05-31T16:28:45.833 回答
1

使用word-wrap: break-word;- 适用于所有浏览器。

http://jsfiddle.net/adamh/TWsqQ/5/

于 2013-05-31T16:29:34.497 回答
0

我相信你想要做的是防止水平滚动。

您可以使用overflow-x: hidden;and轻松完成此操作，word-wrap: break-word;以便长单词会换行。

CSS：

.chat{
   width: 230px;
   height: 310px;
   margin-left: 10px;
   background-color: grey;
   border: solid 1px black;
   color: #1855a3;
   overflow-y: scroll;
   overflow-x: hidden;
   word-wrap: break-word;
}

在此处查看示例：http: //jsfiddle.net/TWsqQ/10/

于 2013-05-31T16:31:00.423 回答