各种居中问题

Posted 2350305682

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了各种居中问题相关的知识,希望对你有一定的参考价值。

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来实现。
 

以上是关于各种居中问题的主要内容,如果未能解决你的问题,请参考以下文章

各种居中方法梳理

汇总各种垂直居中

各种效果,水平居中或者是垂直居中

各种居中对齐

*CSS:各种居中总结

css中各种居中的奇技淫巧总结