html文字和图片垂直居中,css如何让图片和文字垂直居中?

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

html文字和图片垂直居中,css如何让图片和文字垂直居中?_第1张图片

css设置图片和文字垂直居中的方法:

文本的垂直居中:

单行文本

只要height值等于line-height值就

#father{

width:300px;

height:200px;

background-color:skyblue;

line-height:200px;

}

#son{

background-color:green;

}

我是文本

效果如下:

html文字和图片垂直居中,css如何让图片和文字垂直居中?_第2张图片

height === line-height 无法使替换元素,如、、、…垂直居中,必须有、…类似行内标签配合才能使垂直居中生效!

多行文本

1:高度固定

你可能感兴趣的:(html文字和图片垂直居中)