zoukankan      html  css  js  c++  java
  • Html标签见解——margin和padding使用过程中所谓的bug问题《一》

    首先,讲一下我在练习使用这两个属性时发现的问题如左:

     1.我设计一个Button,分别用margin和padding进行控制,经过八大浏览器 调试,是同一个效果——纵向不起作用。

    2.同样一个Button,value="邮箱"。同时用margin和padding进行控制:火 狐和opera同样效果;chrom和IE8效果一样,字体稍有偏差。

    3.我写了这样一段代码: html中代码:

     <div class="mar">
            <div class="mar">
                <table class="mar_t">
                    <tr>
                        <th>中原工学院</th>
                    </tr>
                </table>
            </div>
       </div>  

    中原工学院

    css中控制代码:

    .mar{

        height:20px; 600px; border:30px blue solid; margin:100px; padding:100px;

     }

    .mar_t{

        border:20px red solid;

    }

    .mar_t th{

         border:20px red solid; font:normal bold 1em "楷体";

    } .

    ...............................................................

    进行嵌套。首先,两个border上下相互交叉50px,分别距left 50px 180px, table距div上下border距离也相差甚远,显然没有达到自己预想设计的效果。 ..................................................................

    4.先于博友们分享一下,其后详解其原因或公示解决办法。

  • 相关阅读:
    目录路径加反斜杠和不加的区别
    window端口号被占用解决
    个人博客设计记录
    2017/12/15
    添加code到github上
    跨域简介
    客户端存储
    window.name跨域
    BZOJ1305: [CQOI2009]dance跳舞
    BZOJ4872: [Shoi2017]分手是祝愿
  • 原文地址:https://www.cnblogs.com/wenluren/p/1940471.html
Copyright © 2011-2022 走看看