亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

編程練習a標簽

為什么結果會這樣呢？加上block:display就不對了。。。。對a標簽進行li時就可以啦嗎？加上line-hight就可以實現block，可是這樣的話，整個a標簽又會跑到頂上去，沒辦法居中~~應該怎么做來實現居中與塊元素兼容呢？

正在回答

5 回答

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

0 回復 有任何疑惑可以回復我~

http://img1.sycdn.imooc.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就變成了塊級元素了

0 回復 有任何疑惑可以回復我~

? ?display:?block;是把div設置成行內元素，它會變成一個普通的div元素。這樣你的li的高度是100px,a高度標簽是30px。所以它會放在li的頂部

0 回復 有任何疑惑可以回復我~
#1

楊小寧 提問者

但是把li的高度刪了也不行~~也還是在頂部，沒有居中，應該怎么做才可以呢？
2015-08-20 回復 有任何疑惑可以回復我~
#2

Y_du 回復 楊小寧 提問者

你a標簽和li標簽的高度都是固定的，可以考慮用margin-top:35px;
2015-08-20 回復 有任何疑惑可以回復我~
#3

楊小寧 提問者 回復 Y_du

嗯嗯，但是這個會不會有點投機取巧哦，我試試看可以不。。謝謝啊
2015-08-20 回復 有任何疑惑可以回復我~
#4

楊小寧 提問者 回復 Y_du

好吧，我試了下好像還是不行，整個都被抵到下面來了，然后把li高度改為35px，好像也沒用。
2015-08-20 回復 有任何疑惑可以回復我~
#5

Y_du 回復 楊小寧 提問者

35px。這沒什么取巧，實現的方式有很多種。就看你怎么用，你也可以用定位來做。都是可以的
2015-08-22 回復 有任何疑惑可以回復我~
#6

Y_du 回復 Y_du

a標簽加margin-top:35px
2015-08-22 回復 有任何疑惑可以回復我~
查看3條回復

我不知道你想弄啥效果.......反正你可以試試把line-height改成30px試試....也許會有新發現~~

0 回復 有任何疑惑可以回復我~
#1

楊小寧 提問者

我試過的，不行~~會變成在頂部，并沒有居中~~
2015-08-20 回復 有任何疑惑可以回復我~
#2

此ID又隱藏了 回復 楊小寧 提問者

我理解你的意思了...你是想放在中間是吧？？？？那么加一個相對定位就好了嘛~給a加屬性 position: relative;top:37px; top這個屬性自己控制
2015-08-20 回復 有任何疑惑可以回復我~

求教學...block:display是什么屬性....我學了那么久都沒見過....

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

編程練習a標簽

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號