css 图片和文字下对齐方式
导读:CSS 中,图片和文字下对齐有以下三种方式:img {vertical-align: baseline;}img {vertical-align: middle;}img {vertical-align: bottom;}第一种方式:垂直对...
CSS 中,图片和文字下对齐有以下三种方式:
img {
vertical-align: baseline;
}
img {
vertical-align: middle;
}
img {
vertical-align: bottom;
}
第一种方式:垂直对齐基线(baseline)
在文本中,文字的基线是指文字底部的虚拟线条。图片默认情况下是被当作行内元素(inline)处理的,其所在行的底部也会有一条虚拟线条,即所在行的基线。如果将图片的垂直对齐方式设置为 baseline,则图片的底部将和所在行的基线对齐。
第二种方式:居中对齐(middle)
如果将图片的垂直对齐方式设置为 middle,则图片将和所在行的中线对齐。
第三种方式:底部对齐(bottom)
如果将图片的垂直对齐方式设置为 bottom,则图片将和所在行的底部对齐。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css 图片和文字下对齐方式
本文地址: https://pptw.com/jishu/318577.html
