使回显文本留在 div 内 [重复]答案

【问题标题】：Making echo'ed text stay inside div [duplicate]使回显文本留在 div 内 [重复]
【发布时间】：2015-12-09 06:45:46
【问题描述】：

所以我试图让 php 回显的文本留在 div 中。这可能很简单，但我一直在努力解决这个问题。

所以在下面的代码中，我回显了 a 的 a，现在我希望它们留在 50px 的 div 内。尝试将 white-space: normal; 添加到 div，但没有成功。

提前谢谢

    <style>
.testDiv {
background-color: yellow;
width: 50px;
height: 100%;
}

</style>

<div class="testDiv">
<?php 

echo "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";

?>

</div>

【问题讨论】：

你想换行吗？截短？或滚动 - 都可以使用 css
是的，我希望它被包裹在 div 中。因此，当文本到达 div 的末尾时，它只是“换行”到新行

标签： html css

【解决方案1】：

试试这个：

.testDiv {
    [...]
    word-wrap: break-word;
}

【讨论】：

谢谢，效果很好。