如何消除img下的空白呢
分类:网站建设
-
div没有设定大小,靠图片撑起来,设定大小就不会出现空白
因为vertical-align缺省是baseline,和基线对齐。无论有没有文字,低下都会留一个基线到底线的宽度,就是那个白条。
可以设置vertical-align: middle去掉空白(设置为bottom,top都可以,设置为bottom容易理解。通常图片的高度比字的高度高,中线对其也可以,因此可以设置为vertical-align: middle,这也是主流做法)
或者设置display: block,不允许其他文字和图片同一行,div计算的时候就不会把baseline计算进去。
1年前