这个问题在这里已经有答案了：
如何使图元水平居中
（121个答案）
（121个答案）
三年前关闭的
我正在尝试水平居中放置<；部门>页面上的块元素，并将其设置为最小宽度。最简单的方法是什么？我想要<；部门>元素与我的页面的其余部分内联。我将尝试举出一个例子：
页面文本页面文本页面文本页面文本
页面文本页面文本页面文本页面文本页面文本
-------
|div|
-------
页面文本页面文本页面文本页面文本页面文本
页面文本页面文本页面文本页面文本页面文本
对于非固定宽度的div（即，您不知道该div将占用多少空间）
#{
背景色：绿色；/*用于可视化目的*/
文本对齐：居中；
}
#尤迪夫{
背景色：红色；/*用于可视化目的*/
显示：内联块；
}<；div id=“包装器”>；
<；div id=“yourdiv”>；您的文本</部门>；
</部门>请记住，#yourdiv的宽度是动态的->它会增长和收缩以适应其中的文本
您可以在计算机上检查浏览器兼容性