內(nèi)聯(lián)塊級元素
<style type="text/css">
a{
? ? display:inline-block;
width:20px;/*在默認(rèn)情況下寬度不起作用*/
height:20px;/*在默認(rèn)情況下高度不起作用*/
background:pink;/*設(shè)置背景顏色為粉色*/
text-align:center; /*設(shè)置文本居中顯示*/
}
</style>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
把<a>標(biāo)簽設(shè)置為內(nèi)聯(lián)塊級元素之后,把width和height設(shè)置為50px之后,text-align:center 只是在X軸方向居中了,Y軸沒有,怎么讓文本在Y軸方向也對準(zhǔn)呢?
2017-03-11
垂直居中:分為單行和多行。單行直接利用height和line-height。多行:方法一:使用插入?table??(包括tbody、tr、td)標(biāo)簽,同時設(shè)置?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章看詳解
2017-03-17
在<a>標(biāo)簽的css代碼再加入line-height:50px;即可實現(xiàn),學(xué)到后面就知道了
2017-03-11
魔人已經(jīng)垂直居中了吧
2017-03-11
a是內(nèi)聯(lián)元素??