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

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

內聯塊級元素

<style type="text/css">

a{

? ? display:inline-block;

width:20px;/*在默認情況下寬度不起作用*/

height:20px;/*在默認情況下高度不起作用*/

background:pink;/*設置背景顏色為粉色*/

text-align:center; /*設置文本居中顯示*/

}

</style>


<a>1</a>

<a>2</a>

<a>3</a>

<a>4</a>

把<a>標簽設置為內聯塊級元素之后,把width和height設置為50px之后,text-align:center 只是在X軸方向居中了,Y軸沒有,怎么讓文本在Y軸方向也對準呢?

正在回答

4 回答

垂直居中:分為單行和多行。單行直接利用height和line-height。多行:方法一:使用插入?table??(包括tbody、tr、td)標簽,同時設置?vertical-align:middle。

<style>

? .wrap{height:300px;}

</style>

<body><table><tbody><tr><td class="wrap"><div>

? ?<a>1</a> <a>2</a> <a>3</a><a>4</a>
</div></td></tr></tbody></table></body>

你還可以直接跳到15-7章看詳解

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

在<a>標簽的css代碼再加入line-height:50px;即可實現,學到后面就知道了

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

魔人已經垂直居中了吧

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

a是內聯元素??

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

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228733    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

內聯塊級元素

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

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

幫助反饋 APP下載

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

公眾號

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