css中怎么设文字据顶部的距离

html-css0166

css中怎么设文字据顶部的距离,第1张

使用css样式属性letter-spacing:+距离数字+html单位,如letter-spacing:15px即设置了字与字距离间隔15px(像素)。

例子:

CSS代码:

.divcss5{letter-spacing:15px}

HTML代码:

<div class="divcss5">实现字与字间距方法</div>

这是默认的间距,有的浏览器有,有的没有。很多容器都有这个默认间距,所以,一般情况下,建议你在CSS最上边加上一个preset,代码如下:

*{

padding:0

margin:0

}

这样就OK了。可以保证所有浏览器容器默认没有间距,效果一致。

你这个是CSS规则问题,当父级div设定了margin属性的时候,该div再设定margin属性就会出现重合现象,就比如说父级设定了margin-top:10px子级设定margin-top:10如果照正常计算的话应该是距离上面20px;但实际情况就会是只显示距离上部10px;

解决方法:在父级上再加padding-top:10px子级不用设定。这样效果是一样的,而且不会出现规则出错问题

记住,相邻关系或者处于父子级关系的2个DIV,不要同时使用同一种margin属性或者padding属性