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;

}