浮动原理
1.使用之初:是为了让文字环绕图片,并且不会遮住文字。如果让图片与文字有间距,我们在浮动元素上添加。
2.clear:清除浮动。
3.浮动元素会脱离文档流。
4.浮动元素会有行内块元素的特点。
清除浮动
1.能够避免父元素塌陷。
content:'';
display:block;
clear:both;
};
2.清除浮动方法
display:flow-root;
(缺点:兼容性差)
使用伪元素装饰
:after{
加上点元素;
}
图片对齐方式
因为图片周围会有空白
底部空白基线对齐
方式
virtical-align:middle;
//居中对齐
网友评论