CSS返回到行而不切换单词

时间:2017-12-28 09:11:20

标签: html css

我有一个包含文字的div。我希望我的文本在很长的时间内显示在几行上,但不会删除每行的最后一个单词。例如,如果一行的最后一个单词是foobar,我希望这个单词显示在一个新行中,如果大小不够,而不是在这一行中显示foo并在下一行显示。

为了这个目的,我尝试了:

div{
    word-break: break-all;
 }

div{
  word-wrap:break-word;
}

但它不起作用

1 个答案:

答案 0 :(得分:1)

我不确定你在这里想要做什么。

确实: word-wrap:break-word;会将很长的单词分成两行(比width的{​​{1}}长的单词)

当它到达div

的末尾时,

word-break: break-all;会在任何时候(以任何字母阅读)打破你的话语

div实际上可能是您想要的,但这是属性的默认值