html - 阻止单词离开页面

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