【问题标题】:css margin auto display inline-tableCSS边距自动显示内联表
【发布时间】:2015-02-25 20:13:50
【问题描述】:

我正在尝试使用 css 将 div(弹出对话框)居中。 我想要一个通用的 CSS 声明,我快到了。 我使用的 css 可以工作,但我必须明确定义 de div 的宽度。

演示

在下图中,弹出窗口的宽度定义为 415px。

在下图中,宽度定义为 AUTO。

当我查看右上角的 boxmodel 时,两者是相同的。我的问题是为什么最后一个 div 有左边距时会向左换行?

我已经尝试了所有的显示类型。似乎“表格”和“内联表格”样式最适合居中目的。

【问题讨论】:

  • 你能在jsfiddle.net上设置一个小提琴吗?您不向我们提供您的代码并不能真正帮助我们回答您的问题。

标签: html center margin


【解决方案1】:

因为margin: auto 仅适用于已定义的width。否则浏览器不知道如何计算每边的距离。是的,使用margin 的替代方法是使用display: inline-block 并将text-align: center 添加到父级。

【讨论】:

  • 这就解释了。但我想我会坚持定义的宽度。感谢您的帮助。
猜你喜欢
  • 2015-09-22
  • 1970-01-01
  • 1970-01-01
  • 2010-12-22
  • 2014-10-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-12
相关资源
最近更新 更多