數字文本怎么設置能讓它在方塊內居中
<!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:40px;/*在默認情況下寬度不起作用*/
height:40px;/*在默認情況下高度不起作用*/
background:none;/*設置背景顏色為粉色*/
text-align:center;/*設置文本居中顯示*/
? ? box-shadow:1px 2px 20px #666;
}
a:hover{
? ? background:#666;
? ? color:#FFF;
? ? box-shadow:1px 1px 1px #000;
? ??
}
? ??
</style>
</head>
<body>
<center>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</center>
</body>
</html>
2017-06-20
text-align:center;/*設置文本居中顯示*/這句代碼不起作用，是因為下面有<center></center>，將這個刪除就ok,或者將css樣式改成center{text-align:center;}，都行
2017-06-20
?a{
????????????????display:inline-block;
????????????????width:40px;/*在默認情況下寬度不起作用*/
????????????????height:40px;/*在默認情況下高度不起作用*/
????????????????background:none;/*設置背景顏色為粉色*/
????????????????text-align:center;/*設置文本居中顯示*/
????????????????box-shadow:1px?2px?20px?#666;
????????????????line-height:?40px;
????????????}
2017-06-20
center{text-align:center;}
? ? ? ? ??
2017-06-20
text-align:center;/*設置文本居中顯示*/
這一句就是居中顯示
如果要靠左的話 text-align:left;