內聯塊狀元素水平居中
像這樣，要怎么改才能使三個元素在同一行水平居中
慕無忌7349053
2018-07-20
5 回答
舉報
0/150
提交
取消
2019-02-13
想要讓他水平居中 要設置他的父元素text-align:center; ，而不是它本身
2018-10-25
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>內聯塊狀元素</title>
<style type="text/css">
div{
text-align: center;
}
a{??
?display:inline-block;
width:40px;/*在默認情況下寬度不起作用*/
height:40px;/*在默認情況下高度不起作用*/
background:pink;/*設置背景顏色為粉色*/
text-align:center; /*設置文本居中顯示*/
? ? line-height:40px;
}
</style>
</head>
<body>
? ? <div>
? ? ? <a>1</a>
? ? ? <a>2</a>
? ? ? <a>3</a>
? ? ? <a>4</a>
? ? </div>
</body>
</html>
2018-10-25
加一個div，設置?text-align:center，就可以了
2018-08-30
你這里已經是文本居中了
2018-07-20
第八行加一句 text-align:center