CSS实现元素垂直居中

2015-08-19
阅读 2 分钟
4.2k
CSS实现元素垂直居中 对元素的垂直居中针对于单行元素和多行元素将分情况讨论。 一、父元素高度确定的单行文本 父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。HTML结构: {代码...} CSS样式: {代码...} 二、父元素高度不确定的多行文本 对于父元素高度不确定的...

CSS实现元素水平居中

2015-08-18
阅读 3 分钟
26.8k
常用行内元素为a/img/input/span 等,标签内的HTML文本也属于此类。对于此类情况,水平居中是通过给父元素设置 text-align:center来实现的。HTML结构: