Css 对中一个外分区&x27;文本对齐:居中';没有按预期工作

Css 对中一个外分区&x27;文本对齐:居中';没有按预期工作,css,html,centering,Css,Html,Centering,我在一个div中有一部分内容,这部分内容当前居中于左侧 我尝试添加一个容器div,如: <div style='text-align:center; width:100px;'>[content]</div> [内容] 但是没有运气。我也试过: <div style='margin: 0px auto; width:100px;'>[content]</div> [内容] 内容仍然是左对齐的 这是可行的,但我想找到正确的方法来使用CSS:

我在一个div中有一部分内容,这部分内容当前居中于左侧

我尝试添加一个容器div,如:

<div style='text-align:center; width:100px;'>[content]</div>
[内容]
但是没有运气。我也试过:

<div style='margin: 0px auto; width:100px;'>[content]</div>
[内容]
内容仍然是左对齐的

这是可行的,但我想找到正确的方法来使用CSS:

<div style='width:100px;' align='center'>[content]</div>
[内容]

感谢您的帮助。我很想用桌子做这件事,但我需要打破旧习惯

如果您试图使外部div相对于其父级居中(
在本例中为body
),则应将其横向边距设置为自动:

body div{
    margin: auto;
}

正如您所看到的,

使div居中的工具实际上是
边距:0自动

在“圆角”内用另一个
div
包装内容


并写入
style=“宽度:100%;保证金:0自动;“
对于这个新的div

你的小提琴中有很多标记、css和内联样式;要回答你的问题有点困难。你要找的是中间的
吗?我想把白色区域放在中间(带圆边)。我不想更改此区域中任何内容的对齐方式-只需要将整个白色部分居中。这意味着您希望将
居中?或者其中的内容居中?无论哪种方式,您都应该能够将div的横向边距设置为
auto
,或者将内容设置为
text align:center
,如下所示许多人在下面指出。应该是关键词。问题是文本对齐:中心在我的示例中不起作用。这将更容易与表一起布局,但我需要学习正确的方法。这就是为什么我在那里为您指出=)居中一个div,但不是它的内容您想居中什么?您可以将其用于内容too@IlanBiala:wo啊,太有帮助了。你想集中什么?div而不是内容好的。这是实现我想要的最好的方式吗?它符合“标准”吗?只要我知道这是最好的和更标准的会议方式…这是我最近一直使用的方式。