轉(zhuǎn)換成內(nèi)聯(lián)塊狀了“text-align:center”代碼沒效果，不能居中
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>內(nèi)聯(lián)塊狀元素</title>
<style type="text/css">
a{
? ? display:inline-block;
width:20px;/*在默認(rèn)情況下寬度不起作用*/
height:20px;/*在默認(rèn)情況下高度不起作用*/
background:pink;/*設(shè)置背景顏色為粉色*/
text-align:center; /*設(shè)置文本居中顯示*/
}
</style>
</head>
<body>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</body>
</html>
2017-08-01
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>內(nèi)聯(lián)塊狀元素</title>
<style type="text/css">
div {
? ? text-align:center;
}
a{
? ? display:inline-block;
width:20px;/*在默認(rèn)情況下寬度不起作用*/
height:20px;/*在默認(rèn)情況下高度不起作用*/
background:pink;/*設(shè)置背景顏色為粉色*/
text-align:center; /*設(shè)置文本居中顯示*/
}
</style>
</head>
<body>
<div>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</div>
</body>
</html>
2017-08-01
當(dāng)你加入了display=“block”或者inline-block，或者是給它們加上了whide或者h(yuǎn)eight的樣式之后，就應(yīng)該用盒子模型的部分來使其居中，text-alige只是對(duì)文本居中有效，對(duì)盒子模型是沒有效果的