您的位置:首页 > Web前端 > HTML

html 中长单词换行问题

2016-02-25 11:34 579 查看
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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息