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

width里的值应该怎么写呢，这里写200px居中了，写500就不居中了，实际使用时难道一个个试吗

慕移动1794754

2017-07-28

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

关注问题我要回答

937

操作

收起

3 回答

年少的年少年的少
2017-12-15

本来这里字体就没设置居中，因为现在是设置的div相对于网页的水平居中。

如果你想把字体设置成在div里面水平居中就加：text－align：center；

如果你想把字体设置成在div里面水平垂直居中就加：text－align：center； height:200px; line-height:200px;

效果如图：

然后对于你问的问题200px和500px为什么视觉差别看着不一样：

第一种：200px 200px的宽度不足够放那些字，因为文字占位宽度大于div的宽度，所以跳行了（就像小房间站二十个人可能要站几排，大房间一排就搞定，还有多余的）（实验：如果你删掉“我要水平居中显示。”这几个字以后，显示效果就和你设置500px时看着一样的）

第二种，500px so，500px这个大房间里面站二十个人还有那么宽不是很正常吗？（因为500px的宽度足够放你那些字。）

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

收起回答

qq_QQ帝国_0
2017-08-17

div居中不等于文字居中，再需重新定义文字居中，代码如下

div{

border:1px solid red;

width:500px;

margin:20px auto;

}

.txtCenter{

text-align:center;

}

</style>

</head>

<body>

<div class="txtCenter">我是定宽块状元素，我要水平居中显示。</div>

</body>

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

收起回答

小小代码员

bucuo

2017-09-12 回复有任何疑惑可以回复我~

Royga
2017-07-28

实际使用的时候就是要一个一个试的，试到合适值为止

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

收起回答

慕移动1794754 提问者

你不知道别瞎说误导人呀，这个是我理解错了，定位居中的是div，也就是那个框架，想要文本居中，应该在div里再加style＝text-align：center，ok?

2017-07-29 回复有任何疑惑可以回复我~

科里昂

不懂不要乱讲，坑人呢

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

惆怅cat

你这就理解错了

2017-12-10 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1225962 人
解答问题 18235 个

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

进入课程

本课相似问答

4 回答请教大侠，我这么写怎么实现不了图片居中，错在哪里？

1 回答请问一下这两个div怎么居中写到一起

7 回答这个width：200是居中显示的，但是修改为500就没有作用了是为啥

3 回答这个怎么居中

3 回答水平居中设置用html语言编写怎么写？

搜索更多本课相关问答

width里的值应该怎么写呢，这里写200px居中了，写500就不居中了，实际使用时难道一个个试吗

我要回答关注问题

热搜

最近搜索清空

width里的值应该怎么写呢，这里写200px居中了，写500就不居中了，实际使用时难道一个个试吗

3 回答

本课相似问答

width里的值应该怎么写呢，这里写200px居中了，写500就不居中了，实际使用时难道一个个试吗