zoukankan      html  css  js  c++  java
  • css div居中

    div中没有text-align和vehicle-align这两个属性,所在在css中设置这两个值没有作用

    div 水平居中###

    设置左右边距有auto

    div{
      margin: 0 auto;
    }
    

    垂直居中###

    div中文字居中:将div的行高设置和其高度一样的值
    div{
        height:200px;
       line-height:200px;
    }
    

    div中图片居中###

    将div的行高设置跟其高度一样的值,将其中的图片套上标签1和div同时垂直居中
    div{
        200px;
        height:200px;
        line-height:200px;
        vertical-align:middle;
        background-color:Gray;
    }
    div i{
        vertical-align:middle
    }
    

    将div转换成tablecell,然后设置verhicle-align属性居中*

    div{
        200px;
        height:200px;
        display:table-cell;
        vertical-align:middle;
    }
    

    div 设置圆角

    使用的css的特性 border-radius

      设置div对象的4个角都是5像素圆角效果
      div {border-radius:5px;}
    
  • 相关阅读:
    Java面向对象(三)
    Java面向对象(二)
    Java面向对象(一)
    java基础(六)
    java基础(五)
    java基础(四)
    java基础(三)
    java基础2
    java基础
    计算机内存
  • 原文地址:https://www.cnblogs.com/ssgao/p/8867731.html
Copyright © 2011-2022 走看看