当我使用 margin: 0 auto 时,为什么我的标题中心不显示?

edison xue

我已将 div 设置为 inline-block 并将边距设置为 (0 auto)。为什么不起作用?在此处输入图片说明

弗洛里安·里沃
  1. 一个内联块,勾画出其内容类似于块,但在其父内嵌的布局,您可以前后在同一行上有文字,所以自动利润不做任何形式的中心,就像他们不会在一个跨度上。你需要display: block让 automargins 居中

2.a. 如果你有display: block它仍然不起作用,因为默认情况下它们会填满整个宽度。自动边距通过将剩余空间平均分配到两侧来居中,但您需要有剩余空间开始。尝试使用widthmax-width属性。如果你没有一个固定的宽度,和想要的东西,依赖于内容的大小,尽量width: fit-content/ width: -moz-fit-content/ width: -webkit-fit-contenthttps://developer.mozilla.org/en-US/docs/Web/CSS/width#fit-content)。

2.b. 或者,根据您所追求的确切内容,您可能希望将 div 中的文本居中,而不是将 div 居中在其父级中,使用text-align: center. 您仍然需要使 div 成为一个块而不是一个内联块,否则它的宽度将是它包含的文本的宽度,并且不可能有任何居中。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么在使用“margin: 0 auto”时我的图像不会居中

当我在CSS中使用margin auto属性时,如何使用javascript获取左边距大小

尽管我使用了“ margin:0 auto”,但右侧的部分仍多了10px

我应该使用margin 0 auto还是自动将位置对齐到顶部

Draggable And Margin:0 auto;

margin 0 auto使元素居中,为什么margin 1 auto不这样做呢?

为什么“margin: 0 auto”会删除我的 div 中的空白区域?如何将 div 与其空白居中?

如何在jQuery中使用margin:0 auto?

为什么我用margin:0时还有margin; 在那个元素上

我的 max-width:1140px 不起作用它不能居中我的 margin:0 auto

为什么当我输入 irb 时,我的终端不显示 irb(main):001:0>?

中心div使用margin 0自动

使用“ margin:0 auto;” 和背景色,不带内部div

我的 <p> 标签在使用 *{margin:0; 时不起作用 填充:0;}

使用 *{margin:0; padding:0;} 如果我链接 normalize.css?

css margin:0 auto在Firefox中不起作用

CSS-Divs不在'Auto:0 Margin'居中

当我使用simplexml_load_file()时,为什么preg_match()结果在PHP中显示为0?

了解定位:将绝对位置添加到img容器,不允许我给margin auto。为什么?

当我运行TensorFlow-GPU时,它仅使用'Compute_0',为什么?

当我使用count时mysql返回0

为什么在使用react和antd时不能将margin-bottom-bottom重置为0?

(React) Margin auto 不适用于我的分页栏

为什么我的图像中心不显示?

为什么我的标签中心不显示?

当我翻转和反转数组时,为什么数组显示0?

当我将高度设置为环绕或匹配或 0dp 时,列表视图项目不显示,它们仅在我使用特定数字时显示

为什么“ margin:auto”不使元素垂直居中?

为什么当我在php中广告0 + 0时,我收到未定义的变量?