html如何将div居中显示文字

等等，还有一件事，我在最后一个案例中看到了一个现象。
对于那个电脑屏幕人员来说，文本 p 标签始终位于页面的左侧。
他调整了半天，最后忘记了自己是在text-align:center。
很有趣，有时我喜欢细节中的问题。

请记住，我曾经有一位客户在电子邮件网站上工作。
p标签中的每个文本总是错误的，客户抱怨他看不清楚。
我去看了一下，哎呀，原来他用了auto-margin-left，却忘了设置text-align:center。
这件事发生在2 01 9 年春天，具体是在3 月1 5 日的提案修改会议上。
我还记得客户的表情。

实际上最简单的是 text-align:center 将 p 标签居中。
请参阅此示例：

此处的文本水平放置

，不需要额外的空格。
如果你想垂直居中，可以尝试将p放在带有display:bend的容器中，并将容器设置为align-items:center;上次使用这个方法，是在一个消息APP的适配中，解决手机上p标签显示的问题。
那是去年1 2 月的事了。
是针对华为手机专门​​适配的版本。

话虽如此，为什么有些设计师更喜欢使用自动边距？可能是因为在arc处使用了flexbox或者grid。
我记得团队里的团契。
设计师表示，汽车利润率是关键。
结果新人整个版块都用了汽车边距，整个页面就乱了。
那一幕，呵呵。
使p标签居中的方法其实有很多种，包括text-align、wrap、margin，这些都很有用。
这只是取决于具体情况。
看一下这段代码：

垂直和水平居中

。
这就是行高和书写p之间的差异。
我在内部测试中使用了这个方法，发现IE浏览器有一些问题，特别是IE1 1 ，我记得很清楚。

等等，我突然想到还有一个情况需要注意。
如果图片在p标签中，那么text-align:center只会让图片水平居中，使用其他方法垂直居中。
我有一个同事上次在婚礼场地工作。
很长一段时间，他都把图像垂直地放在中心，但最后他发现自己忘记了展示的内容：丑闻；这是去年夏天的照片，以八月的形式拍摄。

所以你看，p标签是中心，很简单，很简单，但是细节很多。
您具体想要哪种方法？

在HTML中怎么让div里的东西上下居中

是的，这就是问题所在。
Flexbox 和 Grid 都可以工作。
一、保证高度；在 Flexbox 中使用 fair-content 和align-material。
网格也是如此；直接使用 justify-items 和align-items 即可。
这取决于哪一种更方便。