Question

我正在使用php来回显数据中的单词，现在数据可能长字长，大约50个单词而不使用<br />。由于前哨没有<br />标签，他右侧滚动（x）选项（我知道我可以使用overflow-x: hidden;但不是这样）。

CSS

.main-text{
    padding-left: 250px;
    margin: -160px 0 0;
    padding-bottom: 70px;
}

.autobody{
    width: 101.4%;
    height: auto;
    margin: -15px -10px;
    background: #fff;
    max-width: 101.4%;
}

我的问题是如何在不隐藏内容的情况下阻止文字离开页面？（来自php数据的内容）

使用Overflow-x: hidden;

的示例图片

http://img13.imageshack.us/img13/1291/m8w.png

没有Overflow-x: hidden;

的示例图片

http://img22.imageshack.us/img22/9567/fqn.png

Answer 1

试试这个CSS：

word-wrap:break-word;

jsFiddle

Answer 2

有一个很棒的CSS属性：http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap

尝试word-wrap: break-word;

Answer 3

尝试

word-wrap: break-word;

在css中或者如果你想使用PHP来添加

wordwrap($text, 20, "<br />\n", true);

请参阅the wordwrap function了解详情

阻止单词离开页面

3 个答案: