1、将图片转化为块级对象。
2、设置图片的垂直对齐方式。
3、设置父对象的文字大小为0px。
4、改变父对象的属性。
5、设置图片的浮动属性。
6、取消图片标签和其父对象的最后一个结束标签之间的空格。
inline-block本身会自带空隙或者block块级元素和其他元素之间因为空白而产生间隔。
容器设置font-size:0子容器再设置font-size即可
如:
html结构举例:<div id="box">
<div>后面的span换行有空隙可根据下面的css设置修正</div>
<span>测试</span>
</div>
css举例:
#box{font-size:0}
#box div{font-size:14px}
#box span{font-size:12px}
line-height:行间距ling-height:属于用于设置行间距,就是行与行之间的距离。
text-aligh:水平对齐方式
text-aligh属性用于设置文本内容的水平对齐,相当于html中的align对齐属性,其可用属性值:
left
right
center
text-indent:首行缩进
text-indent属性用于设置首行文本的缩进,其属性值可为不同单位的数值。
letter-spacing:字间距
letter-spacing属性用于定以字间距,所谓字间距就是字符与字符之间的空白,其属性值可谓不同单位的数值,允许使用负值,默认为normal
word-spacing:单词间距
word-spacing属性用于设定英文单词之间的间距,对中文字符无效。