编程练习a标签

来源:3-7 编程练习

杨小宁

2015-08-20 12:22

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

写回答 关注

5回答

  • 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的顶部

    Y_du 回复Y_du

    a标签加margin-top:35px

    2015-08-22 07:50:52

    共 6 条回复 >

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

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

    此ID又隐藏... 回复杨小宁

    我理解你的意思了...你是想放在中间是吧????那么加一个相对定位就好了嘛~给a加属性 position: relative;top:37px; top这个属性自己控制

    2015-08-20 15:39:57

    共 2 条回复 >

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

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

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157038 学习 · 2157 问题

查看课程

相似问题