当前位置: 首页 » 笔记 » CSS padding属性伪block块级化

CSS padding属性伪block块级化

零分笔记2182023-02-02 00:00

在html标签中,有不少标签对于CSS的宽高不起作用,如:span,a等标签,想要设置宽高,都需要给标签块级化,在CSS中加上display:inline,display:block,display:inline-block之类的CSS属性才能生效CSS中的宽width和高height,对于块级化的缺憾是,需要站位一行,不想被占用一行的话需要用到浮动float属性。float之后就很难再进行居中!

此时,如果用padding来内充空间的话,也会有块级化的效果!图:

前面的是用display使span标签块级化,生效width和height属性!后面的是用padding来使span具有一定的占用空间!

代码:

唯一的不同就是,一个用了display:block,另外一个是用padding,这个是在分页导航的时候是比较好用的!能使导航居中,无关导航的长度!

END
零分站龄17年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
2517
文章
13
分类
3818
标签
3
友链
onlinelovesky317355746vipsever@vip.qq.com