CSS中如何实现页面元素自动换行（断行），防止过长英文单词等文本元素撑破溢出文本框外？

在P标签中使用word-wrap:break-word ;或者word-break:break-all;可实现强制过长英文单词或者过长url地址自动断行或换行。示范代码如下：

/* 允许单词内断句，首先会尝试挪到下一行，看看下一行的宽度够不够，不够的话就进行单词内的断句 */

.p{word-wrap: break-word;}

/* 断句时，不会把长单词挪到下一行，而是直接进行单词内的断句 */

.p{word-break:break-all;}  

/* 强制不换行 */

.p{white-space:nowrap;}

/* 超出部分显示省略号 */

.p{text-overflow:ellipsis;overflow:hidden;}