Javascript 如果达到div的宽度,则自动移动到下一行文本
如果div宽度为reach,我希望文本移动到下一行 这是使用回声。这个在里面 div id=“聊天室”Javascript 如果达到div的宽度,则自动移动到下一行文本,javascript,css,Javascript,Css,如果div宽度为reach,我希望文本移动到下一行 这是使用回声。这个在里面 div id=“聊天室” echo'.'。“你”。“信息:”$消息->消息。“””。“发送:”$信息->dt。"" . ""; @squaleLis建议输出 我需要将宽度(或最大宽度)放入容器分区 然而,文本剪辑是正常的行为。也许你的css会覆盖它。因此,我建议您也添加和规则 片段: div{ 最大宽度:100%; 高度:自动; 文本溢出:剪辑; 空白:正常; } 在科莫的拉莫湖,一辆中式轿车,在蒙蒂的不间断车
echo'.'。“你”。“信息:”$消息->消息。“
””。“发送:”$信息->dt。"" . "";
@squaleLis建议输出
我需要将
宽度
(或最大宽度
)放入容器分区
然而,文本剪辑是正常的行为。也许你的css会覆盖它。因此,我建议您也添加和规则
片段:
div{
最大宽度:100%;
高度:自动;
文本溢出:剪辑;
空白:正常;
}
在科莫的拉莫湖,一辆中式轿车,在蒙蒂的不间断车流中,一辆高尔菲轿车,一辆在奎利、维也纳的二等轿车,一辆类似于一辆出租车、一辆ristringersi轿车、一辆汽车的车身和一辆汽车的车身,一辆在海角、一辆在阿尔特拉海峡、一辆在阿尔特拉海峡、一辆在阿尔特拉海峡、另一辆车上行驶的轿车;El IL PunTe,CH IVI Couiunge Le到期River,Par CHEN RANDOR PiffyPrimulal' OcCo Questa TrasfMaZiOne,E eSeGi IL Punto在Cui-Il LaCo CeSA,E'L'Addi-RunChanCina,每Riigelar PoNeNi DelaLangdodoLe River,Alnand TANDANOSI SI DeNoVo,LascIn L'CuaExtEnErdsisie ErraltARSI在Nuvii GOLFE E在Nuvii Sei。
我需要在container div中添加一个宽度
(或最大宽度
)
然而,文本剪辑是正常的行为。也许你的css会覆盖它。因此,我建议您也添加和规则
片段:
div{
最大宽度:100%;
高度:自动;
文本溢出:剪辑;
空白:正常;
}
在科莫的拉莫湖,一辆中式轿车,在蒙蒂的不间断车流中,一辆高尔菲轿车,一辆在奎利、维也纳的二等轿车,一辆类似于一辆出租车、一辆ristringersi轿车、一辆汽车的车身和一辆汽车的车身,一辆在海角、一辆在阿尔特拉海峡、一辆在阿尔特拉海峡、一辆在阿尔特拉海峡、另一辆车上行驶的轿车;El IL PunTe,CH IVI Couiunge Le到期River,Par CHEN RANDOR PiffyPrimulal' OcCo Questa TrasfMaZiOne,E eSeGi IL Punto在Cui-Il LaCo CeSA,E'L'Addi-RunChanCina,每Riigelar PoNeNi DelaLangdodoLe River,Alnand TANDANOSI SI DeNoVo,LascIn L'CuaExtEnErdsisie ErraltARSI在Nuvii GOLFE E在Nuvii Sei。
根据我的假设,当文本触及div的宽度时,您希望文本出现在下一行。为此,您必须使用“word wrap:break word”
HTML
这里是一个活生生的例子,根据我的假设,当文本触及div的宽度时,您希望文本出现在下一行。为此,您必须使用“word wrap:break word” HTML
下面是一个活生生的例子我想要的是在文本达到最大宽度时移动下面的文本。使用省略号和剪辑我将无法读取所有文本,因为省略号输出文本。。。。剪辑只是不要让你在点击div max width时阅读所有内容我将更新我的问题我将使用你的建议发布新照片我想要的是在点击max width时移动下面的文本。使用省略号和剪辑我将无法读取所有文本,因为省略号输出文本。。。。剪辑只是不要让你在点击div max width时阅读所有内容。我将更新我的问题。我将使用你的建议发布新照片。谢谢@RIT Design。这正是我的问题的正确答案,它解决了我的问题。感谢感谢@RIT设计。这正是我的问题的正确答案,它解决了我的问题。谢谢
echo '<div style="width: auto; margin-left: 400px; margin-bottom: 5px; margin-top: 10px; padding-left:8px; padding-bottom: 10px; padding-top: 10px; padding-left: 15px; text-align:left; font-size: 0.8em; color:#015E7D;">' . '<div style="font-weight:bold;">' . "You" . "</div>message: " . $messages->msg . "<br>" . '<div style="font-size: 0.6em;">' . "Send : " . $messages->dt . "</div>" . "</div>";
<div class="test">aaaa sdfjdshfjsd djhsdjs aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
.test{width:200px;border:1px solid blue;word-wrap:break-word;}