zoukankan      html  css  js  c++  java
  • 各种居中问题

    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来实现。
     
  • 相关阅读:
    Ethical Hacking
    Ethical Hacking
    Python Ethical Hacking
    Python Ethical Hacking
    Python Ethical Hacking
    食物链 POJ
    Wireless Network POJ
    Candies POJ
    畅通工程再续 HDU
    Jungle Roads HDU
  • 原文地址:https://www.cnblogs.com/annie211/p/5883851.html
Copyright © 2011-2022 走看看