text-align:center; /*設置文本居中顯示*/并沒有啊
并沒有顯示居中啊
幺爺
2016-11-01
9 回答
舉報
0/150
提交
取消
2017-04-02
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>內聯塊狀元素</title>
<style type="text/css">
a{
? ?display:inline-block;?
width:20px;/*在默認情況下寬度不起作用*/
height:20px;/*在默認情況下高度不起作用*/
background:pink;/*設置背景顏色為粉色*/
text-align:center; /*設置文本居中顯示*/
}
body{text-align:center;}
</style>
</head>
<body>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</body>
</html>
2016-11-12
額，其實你可以看到數字在分紅背景下，每一個都是單獨居中的
2016-11-01
請點擊右上角全屏模式看，這樣看是沒有任何意義的。
2016-11-01
必須要塊狀元素
2016-11-01
把A標簽改成塊狀元素就可以了。
2016-11-01
a標簽不是塊狀元素，得設置為塊狀元素
2016-11-01
a是內聯元素，要讓文本居中顯示，必須把代碼寫在塊級元素中像<div> <p> <h1>等，這是題目故意寫錯讓你練習的吧
2016-11-01
設置body text-align:center;
2016-11-01