关于文字,图片的水平||垂直居中设置
最近在调整CSS样式时遇到了文字和图片的居中显示问题,经过一系列调查,得出了如下结论。
1.对于块状元素来说,
可以使用(text-align:center;)来设置块状元素的内容的水平居中;
使用line-height属性,设置与height相同的值(比如,height:100px; line-height:100px;)设置块状元素的内容垂直居中。
2.对于行内元素(inline或是inline-block)来说,
可以使用(vertical-align:middle;)来设置行内元素的内容的垂直居中;