当我使用保证金时，为什么我的头衔不是中心：0自动？

Question

我已将div设置为内联块并将边距设置为（0 auto）。为什么不起作用？

Answer 1

您应该使用text-align: center;将元素与文本对齐。 Div实际上有100％的宽度，因此除非你设置它们的宽度属性，否则它们不能居中。

Answer 2

1. 内嵌块会像块一样布局其内容，但在其父级中内嵌布局，您可以在同一行前后放置文本，因此自动边距不会出现问题。做任何中心，就像他们不会跨越。您需要display: block才能使自动管理以事物为中心

2.A。如果你有display: block它仍然无法正常工作，因为默认情况下它们会填满整个宽度。汽车保证金通过公平地将剩余空间分配到两侧，但你需要有剩余的空间开始。尝试使用width或max-width属性。如果您没有固定的宽度，并希望取决于内容的大小，请尝试width: fit-content / width: -moz-fit-content / width: -webkit-fit-content（https://developer.mozilla.org/en-US/docs/Web/CSS/width#fit-content）。

2.b中。或者，根据您的具体内容，您可能希望使用text-align: center将文本居中在div中，而不是将div放在其父级中心。您仍然需要将div设置为块而不是内联块，否则它的宽度将是它包含的文本的宽度，并且不会有任何居中的可能性。

Answer 3

希望这有帮助：）

＆＃13;

＆＃13;

.title {text-align:center;}

＆＃13;

<div class="title">Me Center</div>

＆＃13;

＆＃13;

＆＃13;