1

我正在使用 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

4

3 回答 3

4

试试这个 CSS：

word-wrap:break-word;

jsFiddle

于 2013-06-27T19:58:56.457 回答
2

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

尝试word-wrap: break-word;

于 2013-06-27T20:00:09.493 回答
2

尝试

word-wrap: break-word;

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

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

有关更多信息，请参见wordwrap 函数

于 2013-06-27T20:00:29.463 回答