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

转换成内联块状了“text-align:center”代码没效果，不能居中

<!DOCTYPE HTML>

<html>

<head>

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

display:inline-block;

width:20px;/*在默认情况下宽度不起作用*/

height:20px;/*在默认情况下高度不起作用*/

background:pink;/*设置背景颜色为粉色*/

text-align:center; /*设置文本居中显示*/

}

</style>

</head>

<body>

</body>

</html>

科里昂

2017-08-01

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

关注问题我要回答

1226

操作

收起

2 回答

海的那边还是海回答被采纳 +2 积分
2017-08-01

<!DOCTYPE HTML>

<html>

<head>

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

div {

text-align:center;

}

display:inline-block;

width:20px;/*在默认情况下宽度不起作用*/

height:20px;/*在默认情况下高度不起作用*/

background:pink;/*设置背景颜色为粉色*/

text-align:center; /*设置文本居中显示*/

}

</style>

</head>

<body>

<div>

</div>

</body>

</html>

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

收起回答

科里昂提问者

感谢问一下，div{……}和a{……}能换位置吗

2017-08-01 回复有任何疑惑可以回复我~

海的那边还是海回复科里昂提问者

可以呀

2017-08-01 回复有任何疑惑可以回复我~

科里昂提问者回复海的那边还是海

好的谢谢啦

2017-08-01 回复有任何疑惑可以回复我~

慕仔4164528
2017-08-01

当你加入了display=“block”或者inline-block，或者是给它们加上了whide或者height的样式之后，就应该用盒子模型的部分来使其居中，text-alige只是对文本居中有效，对盒子模型是没有效果的

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

收起回答

科里昂提问者

谢谢啦

2017-08-01 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1223075 人
解答问题 18212 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

3 回答块状内联转换问题

6 回答为什么text-align:center不能居中了

4 回答块状和内联转换的意义

5 回答内联块状元素水平居中

4 回答内联块状元素也不能使用text-align啊？

搜索更多本课相关问答

转换成内联块状了“text-align:center”代码没效果，不能居中

我要回答关注问题

热搜

最近搜索清空

转换成内联块状了“text-align:center”代码没效果，不能居中

2 回答

本课相似问答

转换成内联块状了“text-align:center”代码没效果，不能居中