问答详情
源自:3-7 编程练习

编程练习a标签

为什么结果会这样呢?加上block:display就不对了。。。。对a标签进行li时就可以啦吗?加上line-hight就可以实现block,可是这样的话,整个a标签又会跑到顶上去,没办法居中~~应该怎么做来实现居中与块元素兼容呢?

提问者:杨小宁 2015-08-20 12:22

个回答

  • cp0417
    2016-05-27 16:02:44

    第25行的    display:block;去掉 不需要的

  • 零下的夏天
    2015-10-16 13:51:19

    http://img.mukewang.com/56208eb80001507412690460.jpg

    这是测试情况,就是并不是你a:hover的时候a标签跑到上面去了,而是一直在上面,至于文字在下面,是因为继承了li设置的line-height:100px,你直接在a标签里添加line-height:30px;就可以了,上面的要求说的是

    每个列表项的宽度为50px,高度为30px,列表中的文字在水平和垂直方向上均居中显示


    没有说a在li上面垂直居中,那直接将li设置成30px没有背景只是空的了不就好了,你要是想让a也垂直居中的话 不设置block,那a标签也不能设置高度了,要不就用margin,加了bock就变成了块级元素了

  • Y_du
    2015-08-20 15:12:23

       display: block;是把div设置成行内元素,它会变成一个普通的div元素。这样你的li的高度是100px,a高度标签是30px。所以它会放在li的顶部

  • 此ID又隐藏了
    2015-08-20 14:53:56

    我不知道你想弄啥效果.......反正你可以试试把line-height改成30px试试....也许会有新发现~~

  • 此ID又隐藏了
    2015-08-20 14:50:46

    求教学...block:display是什么属性....我学了那么久都没见过....