zoukankan      html  css  js  c++  java
  • css水平垂直居中

    css水平垂直居中方法总结,简单明了

    水平居中

    • 对于行内元素(inline):text-align: center;
    • 对于块级元素(block):设置宽度且 marigin-left 和 margin-right 是设成 auto
    • 对于多个块级元素:对父元素设置 text-align: center;,对子元素设置 display: inline-block;;或者使用 flex 布局

    垂直居中

    对于行内元素(inline)

    • 单行:设置上下 pandding 相等;或者设置 line-height 和 height 相等
    • 多行:设置上下 pandding 相等;或者设置 display: table-cell; 和 vertical-align: middle;;或者使用 flex 布局;或者使用伪元素

  • 相关阅读:
    lightoj-1050
    lightoj-1305
    lightoj-1354
    lightoj-1433
    lightoj-1227
    lightoj-1189
    lightoj-1182
    lightoj-1011
    lightoj-1009
    lightoj-1023
  • 原文地址:https://www.cnblogs.com/renzm0318/p/8932827.html
Copyright © 2011-2022 走看看