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

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

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

文本的垂直居中：

单行文本

只要height值等于line-height值就

#father{

width:300px;

height:200px;

background-color:skyblue;

line-height:200px;

}

#son{

background-color:green;

}

我是文本

效果如下：

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

多行文本

1：高度固定