君山 发表于 2020-9-7 13:37:39

CSS实现同一行的图片和文字垂直居中对齐的方法

本帖最后由 君山 于 2020-9-7 13:38 编辑

vertical-align:middle;这个就能让图片垂直居中显示!


baseline默认。元素放置在父元素的基线上。
sub垂直对齐文本的下标。
super垂直对齐文本的上标
top把元素的顶端与行中最高元素的顶端对齐
text-top把元素的顶端与父元素字体的顶端对齐
middle把此元素放置在父元素的中部。
bottom把元素的顶端与行中最低的元素的顶端对齐。
text-bottom把元素的底端与父元素字体的底端对齐。
length (不知道没试过 , 难道是和长度对齐?)
%使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
inherit规定应该从父元素继承 vertical-align 属性的值。

页: [1]
查看完整版本: CSS实现同一行的图片和文字垂直居中对齐的方法