万户资源科技
万汇资源微信公众号

微信扫码有惊喜!

display:block;属性教程

luping 2015-12-28 技术

在写导航代码时,会用到display属性,一般来说,固顶一个栏目的长宽时,使用padding:20px(上下) 40px(左右);除了padding属性之外还可以使用display:block; 将a标签变成块级元素,再设置宽度和高度,同时在a标签的上一级li标签设置text-align:center;这样就可以居中了。如果a标签没有使用display:block;那么设置他的宽和高是不能改变a标签的大小的。

举个例子:

.nav li{float: left; width: 120px; text-align: center; background: #d00;}
.nav li a{display: block;height: 33px;text-decoration: none;width: 140px; }

这样的导航就没什么问题了。

display的常用属性还有none,inline(默认)。



--597

文章关键词
html导航栏
display:block
display属性
qq qq tel
服务热线:

134-1954-9128