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

    //IE6、IE7都无效
    <div style="display:table-cell;vertical-align:middle; text-align:center;150px;height:150px;border:1px solid red">
      <div style="display:inline-block;50px;height:50px;background:red">agrga</div>
    </div>

    <div style="position:relative;border:1px solid red">
      <div style="100px;height:100px;position:absolute;left:50%;top:50%;margin-top:-50px;margin-left:-50px;background:red">gfgasdg</div>
    </div>

    //支持IE9+,谷歌,火狐等符合w3c标准的现代浏览器
    <div style="position:relative;border:1px solid red">
      <div style="100px;height:100px;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;background:red">agagg</div>
    </div>

    <div style="position:relative;float: left;left: 50%;border:1px solid red">
      <div style="position: relative;left: -50%;background:red">ggds</div>
    </div>

    相关文章:http://www.cnblogs.com/2050/p/3392803.html

  • 相关阅读:
    viewpager切换时底下的背景图标动画切换
    hdu 1594水题
    hdu 4256大水题
    hdu 1856并查集
    hdu4247水题
    hdu 4252单调栈
    hdu 4248排列问题
    hdu 1210
    hdu4245
    hdu 1593找规律题
  • 原文地址:https://www.cnblogs.com/ljbkyBlog/p/7097801.html
Copyright © 2011-2022 走看看