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;
}
