关于文字,图片的水平||垂直居中设置

最近在调整CSS样式时遇到了文字和图片的居中显示问题，经过一系列调查，得出了如下结论。

1.对于块状元素来说，

可以使用（text-align:center;）来设置块状元素的内容的水平居中；

使用line-height属性，设置与height相同的值（比如，height:100px; line-height:100px;）设置块状元素的内容垂直居中。

 

2.对于行内元素(inline或是inline-block)来说，

可以使用（vertical-align:middle;）来设置行内元素的内容的垂直居中；