把內聯元素轉為塊元素之后怎么讓里面的內容上下左右居中顯示
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>內聯塊狀元素</title>
? ? <style type="text/css">
? ? a {
? ? ? ? display:inline-block;
? ? ? ? font-size:20px;
? ? ? ? width: 60px;
? ? ? ? /*在默認情況下寬度不起作用*/
? ? ? ? height: 90px;
? ? ? ? /*在默認情況下高度不起作用*/
? ? ? ? background: pink;
? ? ? ? /*設置背景顏色為粉色*/
? ? ? ? text-align: center;
? ? ? ? /*設置文本居中顯示*/
? ? }
? ? </style>
</head>
<body>
? ? <a>1</a>
? ? <a>2</a>
? ? <a>3</a>
? ? <a>4</a>
? ? <br/>
? ? <a>1</a>
? ? <a>2</a>
? ? <a>3</a>
? ? <a>4</a>
</body>
</html>
怎么讓文字居中啊，用padding可以? 但是要自己計算很麻煩
2023-01-05
添加一個ling-height:90px;
2021-07-22
用text-align:center;