- 尽量使用标准流
<style type="text/css">
.father{
width:500px;
height:500px;
background:red;
}
.son{
width:100px;
height:100px;
background:green;
margin-left:auto; (设置盒子左外边距为auto,自动从左冲到右面,让盒子在父盒子左侧充满)
magin-right:auto;(让盒子在父盒子右侧充满)
magin:0 auto;(让盒子在父盒子居中对齐)
</style>
- 标准流解决不了的使用浮动
- 浮动解决不了的使用定位
- 图片和文字垂直居中对齐 vertical-align对inline-block最敏感。默认属性是vertical-align:baseline; (基线对齐) 最常用的vertcal-align:middle (图片和文字垂直居中对齐)