Question

在content-full类中，我使用了word-wrap：break-word;仍然文本没有以正确的格式出现？可能的解决方案是什么？是否有某种方法可以获得正确的格式，以便允许长字能够打破并包裹到下一行。但是，奇怪的部分是对于内容简短的自动换行：break-word正在运行！

Mod_Security

和内容完整的样式

echo "<div class='mainlayout' data-js-module='layout'>";
echo "<div class='grid' style='position: relative;'>";
include "mysql.php";
$query= "SELECT ID,Title,Summary,Content,ImgName,Image FROM content ORDER BY ID DESC";
$result=mysql_query($query,$db);
while($row=mysql_fetch_array($result)) {  
    echo "<div class='grid-item item1' style='position: relative; left: 240px; top: 0px; background: ".ran_col().";'>";           
    echo "<div class='content-short' style='position:relative;'>";
    $string = $row['Content'];
    if (strlen($string) > 200) {
        $trimstring = substr($string, 0,200). '...';
        } 
        else {
            $trimstring = substr($string,0). '...';
            }
    echo $trimstring;
    echo "</div>";
    echo "<div class='content-full'>";
    echo $row['Content'];
    echo "</div>";
    echo "</div>";
    }
mysql_close($db); 
echo "</div>";
echo "</div>";  
?>

Answer 1

这是你想要完成的吗？ https://jsfiddle.net/9s2zr7gL/ 如果是这样，只需将其添加到当前的CSS：

-ms-word-break: break-all;
 word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;

您还需要在div中添加“lang = en”作为参数。否则它将无法在Firefox中工作。如果您的文字不是英文，请检查语言是否受支持： https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens

Answer 2

这是你想要完成的吗？ https://jsfiddle.net/9s2zr7gL/ 如果是这样，只需将其添加到当前的CSS：

-ms-word-break: break-all;
 word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;

您还需要在div中添加“lang = en”作为参数。否则它将无法在Firefox中工作。如果您的文字不是英文，请检查语言是否受支持： https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens

Answer 3

我遇到了同样的问题，我使用docx文件中的文本，并在上传时使用了pre标签，因此自动换行不能正常工作。如果是这种情况，请删除预标签。

在php中自动换行

3 个答案: