200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 图片文字混排的垂直居中 inline-block块元素和行内元素混排的垂直居中问题

图片文字混排的垂直居中 inline-block块元素和行内元素混排的垂直居中问题

时间:2020-12-27 07:57:13

相关推荐

图片文字混排的垂直居中 inline-block块元素和行内元素混排的垂直居中问题

图片、文字混排:

不管图片和文字的前后位置,都要给 图片 设置 vertical-algin,而不是谁在前面给谁设置。

此方法兼容IE7+ 和其它主流浏览器。IE7-没有测。

inline-block块元素、行内元素混排:

同图片和文字的混排,测试IE7+ 和其它主流浏览器。IE7-没有测。

两个行内元素:

设置vertical-algin并不会使元素在父元素中居中。

vertical-algin:

w3c:该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。

但是测试发现,混排是,只能设置给inline-block和img这种具有宽高特性的元素。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。