块元素的行内布局:
display:inline-block;
ie7兼容: *zoom:1;*display:inline;
对齐方式: 同行内元素(父元素设置行高)
图片的行内布局:
其他元素会歪掉
设置img{vertical-align: top | middle;}
其他元素就居中了
行内元素莫名间距:
原因:页面留白(如回车)是有默认字体大小的,会产生宽度(无高度),设置父元素font-size:0可以解决。
块元素的行内布局:
display:inline-block;
ie7兼容: *zoom:1;*display:inline;
对齐方式: 同行内元素(父元素设置行高)
图片的行内布局:
其他元素会歪掉
设置img{vertical-align: top | middle;}
其他元素就居中了
行内元素莫名间距:
原因:页面留白(如回车)是有默认字体大小的,会产生宽度(无高度),设置父元素font-size:0可以解决。
转载于:https://www.cnblogs.com/hpyou/p/4818425.html