可能重复：
如何水平居中跳水？
style='text-align:center'； style='左侧：50%'； <中心> 
-
1 您是想将div本身或div中的文本居中吗？ – 威尔士沼泽 2010年4月22日13:28 -
我在问题中说的是div而不是它的文本。 谢谢 – 麦克·泰勒 2010年4月22日13:34 -
2 为设置宽度 div公司 ，然后使用 边距：0自动； : jsfiddle.net/spikey/FLL5Z – uSeRnAmEhAhAhAHAhAh 2014年3月8日19:53 -
请注意，边距：0自动； 解决方案仅在上下边框需要为0时有效。 如果需要更改，则完整版本为，边距：0自动0自动； 第一个“0”是顶部，第二个“0“是底部。 这也可以写为margin-top：0； 边缘-右侧：自动； 边缘-底部：0； margin-left：自动。 – 萨姆·丹顿 2014年6月23日12:50 -
你可以用flexbox轻松地将任何东西放在中心。 对于x轴，只需设置justify-content:center，对于y轴，可以设置align-items:center；。 要使div完全位于中间位置，请同时使用两者！ （对于父元素） – Appy Sharma公司 2019年7月12日17:52
4个答案
<! DOCTYPE html> <html> <头部> <title>中心</title> </头> <body> <div style=“text-align:center；”> <div style=“width:500px；margin:0 auto；background:#000；color:#fff；”>此div居中 </div> </body> </html> 
-
2 @麦克：这项技术对百分比宽度来说效果很好。 然而，一般来说，要使自动边缘工作，您必须处于标准模式，为此您需要一个合适的 <! DOCTYPE（文件类型） 声明。 以parent-text-align-center为中心的解决方案将适用于Quirks模式，但您绝对不希望今天在Quarks模式下编写任何内容。 – 博宾塞 2010年4月22日13:37 -
2 -
2 -
1 -
三
宽度：500px；// 这可以是你想要的任何单位，你只需要定义它 边缘左侧：自动； 边缘-右侧：自动； 边距：0自动； 
-
-
-
-
1 -
<div style=“position:绝对；/*或固定*/； 宽度：50%； 高度：300px； 左：50%； 顶部：100px； 利润率：0 0 0-25%“>blblablbalba <div style=“position:relative；/*或static*/； 宽度：50%； 高度：300px； 边距：0 auto“>blblablbalba 
<style type=“text/css”> #集装箱{ 边距：0自动； 文本对齐：居中；/* 用于IE*/ } #你的女主角{ 宽度：400px； 边框：1px实心#000； } </style> .... <div id=“container”> <div id=“yourdiv”> 小便 </div> </div> 