我在div元素中有这个文本Horseshoe Indianapolis。“印第安纳波利斯”从新的一行开始，而不是我希望它开始后，“马蹄铁”和任何剩余的文本呈现在第二行。如何使用HTML和CSS实现这一点？
.box{ width:144px; border:1px solid red; }
<div class="box"> Horseshoe Indianapolis </div>
j8ag8udp1#
您可以使用属性word-break: break-all注意：与断字相反：break-word和overflow-wrap：break-word（参见overflow-wrap），字中断：break-all将在文本会溢出其容器的确切位置创建一个break（即使将整个单词放在自己的行上会否定对break的需要）。参考
word-break: break-all
.box{ width:144px; border:1px solid red; word-break: break-all; }
1条答案
按热度按时间j8ag8udp1#
您可以使用属性
word-break: break-all注意：与断字相反：break-word和overflow-wrap：break-word（参见overflow-wrap），字中断：break-all将在文本会溢出其容器的确切位置创建一个break（即使将整个单词放在自己的行上会否定对break的需要）。
参考