zoukankan      html  css  js  c++  java
  • css中那些你可能没注意到的东西

    1、inline元素,添加position:absolute;可定宽高,position:relative;则不行,不信你试试!

    2、inline元素添加浮动后,不用加display:block;也可定宽高。

    3、inline元素可以添加margin-left,margin-right,padding-left,padding-right,添加margin-top,margin-bottom无效果,padding-top,padding-bottomIE6,7不行,高级的支持!

    4、margin-top,margin-bottom,padding-top,padding-bottom用百分比作单位的话,全部是用父级的宽度来计算的:

    <style>
    #div1{
        width: 400px;
        height: 200px;
        border: 1px solid #f00;
    }
    #div2{
        width: 200px;
        height: 100px;
        margin: 10% 20%;
        padding: 5% 20%;
        background: #000;
    }
    </style>
    <div id="div1">
        <div id="div2"></div>
    </div>

    5、微软雅黑字体大小问题:

    一个中文 = 3个半&nbsp; = 一个&emsp;

    一个英文(半角) = 1.75个&nbsp;

    解决方法:中文好办,用&emsp; ,英文用全角的或者英文设置成别的字体,不用微软雅黑

  • 相关阅读:
    Gitlab邮箱配置
    Zabbix邮件告警提示Couldn't resolve host name解决办法
    Gitlab备份和恢复操作
    Gitlab权限管理
    编译安装Nginx
    [0] 数据库读写分离
    [0] C# & MongoDB
    [0] 平衡二叉树
    [0] 分布式存储 Memcached
    [0] MSSQL 分库查询
  • 原文地址:https://www.cnblogs.com/qiangspecial/p/3495308.html
Copyright © 2011-2022 走看看