html 中长单词换行问题

style:“word-wrap:break-word;或word-break:break-all;”

用来解决长字符串/长单词不能自动换行而导致的内容溢出空间问题


word-wrap:break-word

css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。

word-wrap :break-word;允许单词内断句。在本行空间不够的情况下它会首先 挪到下一行 ,再适当进行单词内断句。 有一定的空间浪费

//单独使用该属性时需要设置标签width:value;


word-break:break-all

css的 word-break 属性用来标明怎么样进行单词内的断句。

word-break:break-all;不会把长单词挪到下一行,而是直接进行单词内的断句。 空间利用率高

//单独使用该属性时不必设置标签width:value;

你可能感兴趣的:(前端_CSS)