                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

数字文本怎么设置能让它在方块内居中

<!DOCTYPE HTML>

<html>

<head>

<title>内联块状元素</title>

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>

</body>

</html>

慕数据6971917

2017-06-20

源自：初识HTML(5)+CSS(3)-升级版 12-4

关注问题我要回答

2985

操作

收起

4 回答

Derek_Yuan
2017-06-20

text-align:center;/*设置文本居中显示*/这句代码不起作用，是因为下面有<center></center>，将这个删除就ok,或者将css样式改成center{text-align:center;}，都行

0 回复有任何疑惑可以回复我~

收起回答

qq_敷衍蕜傷啲嶶笶_0
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;
            }