一、强制换行 word-break: break-all; 只对英文起作用，以字母作为换行依据。 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。 ...

.selfScale{//容器 cursor: pointer; width: 100%; overflow: hidden; position: relative;}.selfScale img ...

首页，重点是有一个包裹img标签的容器，这里我们给该容器设置一个class为selfScale 接下来，给样式 这样就可以实现在指定容器中缩放图片了。 效果图的变化如 ...

单行超出隐藏省略号 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行超出隐藏省略号 display: -webkit-box ...

单行隐藏： overflow: hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/* 超出部分显示省略号 */ white-space: nowrap;/*规定段落中的文本不进行换行 */ 多行隐藏： 多行隐藏需要 ...

多行一出隐藏 ...

效果如图1-1。 效果图1-1 css代码： white-space: nowrap;overflow: hidden; text-overflow: ellipsis; display: inline-block; ...

文本超出部分隐藏，总结两种方法。 1、单行隐藏 html代码 css代码 .mi { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap ...