首页 > 代码库 > 各种居中问题

各种居中问题

1、单独文字垂直居中我们只需要设置CSS样式line-height属性即可。

2、文字与图片同排,在设置div高度同时再对此css样式的图片“img”样式设置vertical-align:middle垂直居中属性,如.yangshi img{vertical-align:middle;} 。

3 不确定宽度的块级元素设置水平居中的方法,绝对定位术:

div{position:relative;}
img {
    displayblock;
          positionabsolute;
          width200px;
          height400px;
          top50%;
          left50%;
          margin-left-100px/* 宽度的一半 */
          margin-top-200px/* 高度的一半 */ }

以上方法的水平居中都可以在父元素设置text-align:center来实现。
 

各种居中问题