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