首先,讲一下我在练习使用这两个属性时发现的问题如左:
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.先于博友们分享一下,其后详解其原因或公示解决办法。