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

CSS padding属性伪block块级化

  • 零分
  • 516

在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,这个是在分页导航的时候是比较好用的!能使导航居中,无关导航的长度!

声明:博客中如无特殊说明或标注的文章均为博客原创文章,部分文章来源互联网,如有侵犯您的版权,或者对零分博客发布的文章有异议,请来信告知删除、修改,如您有好的建议或者意见也可以来信,谢谢!

请TA喝杯水^_^ 如本文“对您有用”,欢迎随意打赏,让我们坚持创作! 请TA喝水