html中超出盒子宽度会自动换行的,不用设置,如果你连续的英文之间没用空格,那么它会以为是一个单词,就不会换行,这个时候加上word-break: break-all; word-wrap:break-word;
就可以了。
假设文本或者英文超出 设置word-break: break-all; 可以使其自动换到下一行继续。
方法/步骤
首先给用于放文本的标签元素设置一个宽度值,并设置溢出属性overflow为溢出隐藏,设置文本缩略的样式为"..."一行内超出点点点 单行
width: 150px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
第二种:超出三行(多行)显示点点点 (小程序同) 不能与padding同时使用
// -webkit-line-clamp: 2; 显示几行写几
widht:100px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
p超出宽度自动换行
width: 100%;
height: auto;
word-wrap:break-word;
word-break:break-all;
overflow: hidden;
给span添加属性 word-break: break-all; /如果单词超过宽度了,整个单词打散,超过的部分换行 */
white-space: normal; / 重点是这个属性 */
控制div内的元素自动换行
word-wrap: break-word;
word-break:break-all;