word-wrap:break-word与word-break:break-all的关系及强制换行与强制不换行问题

word-wrap:break-word与word-break:break-all的关系:

word-wrap:break-word与word-break:break-all共同点是都能把长单词强行断句(换行),不同点是word-wrap:break-word会首先起一个新行来放置长单词,新的行还是放不下这个长单词则会对长单词进行强制断句;而word-break:break-all则不会把长单词放在一个新行里,当这一行放不下的时候就直接强制断句了,简单粗暴。

对英文单字先起新行,放不下再强制断行:

{
    word-wrap:word-break;
}

对英文单字直接强制断行:

{
    word-break:break-all;
}

强制不换行:

{
    white-space:nowrap;
}

你可能感兴趣的:(css)