当我使用 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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

我应该使用margin 0 auto还是将position,top,left对齐以使内容居中

来自分类Dev

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

来自分类Dev

Draggable And Margin:0 auto;

来自分类Dev

margin 0 auto会使元素居中,为什么margin 1 auto不会做同样的事情?

来自分类Dev

使用display:table和margin:auto时图标对齐中心,但是当我更改为display:none时,.show()之后图标不对齐中心

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

中心div使用margin 0自动

来自分类Dev

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

来自分类Dev

为什么margin:0不能在按钮上使用?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

当我使用clear时,margin-top无法正常工作:

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

BootStrap CSS margin 0自动不在中心

来自分类Dev

我使用 netbeans IDE,当我使用 Integer.parseInt(args[0]) 时,我收到了 ArrayIndexOutOfBoundsException。为什么?如何解决此错误?

来自分类Dev

我的 div class:"title" 似乎没有居中,即使 div 是 margin:auto。我该如何解决?

来自分类Dev

从margin:auto动画元素。

来自分类Dev

当我使用maven-release-plugin释放分支时,为什么它尝试从修订版0创建分支?

Related 相关文章

  1. 1

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

  2. 2

    我应该使用margin 0 auto还是将position,top,left对齐以使内容居中

  3. 3

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

  4. 4

    Draggable And Margin:0 auto;

  5. 5

    margin 0 auto会使元素居中,为什么margin 1 auto不会做同样的事情?

  6. 6

    使用display:table和margin:auto时图标对齐中心,但是当我更改为display:none时,.show()之后图标不对齐中心

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

    中心div使用margin 0自动

  12. 12

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

  13. 13

    为什么margin:0不能在按钮上使用?

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

    当我使用clear时,margin-top无法正常工作:

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

    BootStrap CSS margin 0自动不在中心

  26. 26

    我使用 netbeans IDE,当我使用 Integer.parseInt(args[0]) 时,我收到了 ArrayIndexOutOfBoundsException。为什么?如何解决此错误?

  27. 27

    我的 div class:"title" 似乎没有居中,即使 div 是 margin:auto。我该如何解决?

  28. 28

    从margin:auto动画元素。

  29. 29

    当我使用maven-release-plugin释放分支时,为什么它尝试从修订版0创建分支?

热门标签

归档