CSS常用布局技巧 实例

末尾用省略号!
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

########################

两个inline-block之间删除间隔

• html中的两个元素换行符删除
• 父元素css添加 font-size: 0;
• float: left

若想使元素产生模糊效果 可以加上滤镜效果

• 在当前元素的样式中机上 filter: blur(10px);
• 在父元素的样式中加上 overfloat: hidden;

##################

竖向结构内容折行\建议使用
.parent {
display: table;
width: 300px;
height: 300px;
text-align: center;
}
.son {
display: table-cell;
height: 200px;
background-color: yellow;
vertical-align: middle;
}