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>

css中那些你可能没注意到的东西

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

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

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

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

上一篇:ATS 相关


下一篇:Image 图片