杨小宁
2015-08-20 12:22
为什么结果会这样呢?加上block:display就不对了。。。。对a标签进行li时就可以啦吗?加上line-hight就可以实现block,可是这样的话,整个a标签又会跑到顶上去,没办法居中~~应该怎么做来实现居中与块元素兼容呢?
第25行的 display:block;去掉 不需要的
这是测试情况,就是并不是你a:hover的时候a标签跑到上面去了,而是一直在上面,至于文字在下面,是因为继承了li设置的line-height:100px,你直接在a标签里添加line-height:30px;就可以了,上面的要求说的是
每个列表项的宽度为50px,高度为30px,列表中的文字在水平和垂直方向上均居中显示
没有说a在li上面垂直居中,那直接将li设置成30px没有背景只是空的了不就好了,你要是想让a也垂直居中的话 不设置block,那a标签也不能设置高度了,要不就用margin,加了bock就变成了块级元素了
display: block;是把div设置成行内元素,它会变成一个普通的div元素。这样你的li的高度是100px,a高度标签是30px。所以它会放在li的顶部
我不知道你想弄啥效果.......反正你可以试试把line-height改成30px试试....也许会有新发现~~
求教学...block:display是什么属性....我学了那么久都没见过....
企业网站综合布局实战
157038 学习 · 2157 问题
相似问题
回答 1
回答 1