Question

HTML中心标记的DIV样式是什么？

Answer 1

HTML：

<div id="something">
Content goes here.
</div>

CSS：

#something
{
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}

Answer 2

没有直接的等价物。 <center>标记不仅使其包含的文本居中，而且也包含任何块元素。你可以单独模仿每一个，但不能同时模仿。

对于任何内联/内联块内容（文本，图像，视频等）的居中，您可以使用以下内容应用于div或其他块元素：

.center {
  text-align: center;
}

要使块元素本身居中，请使用：

.blockcenter {
  width: 200px;
  margin: 0 auto;
}

显然，将200px替换为所需的块宽度，将0替换为您喜欢的顶部/底部边距值。另请注意，您通常应使用描述元素的类名，而不是其表示。

Answer 3

您只需使用margin: auto;来div居中。无论是内部/嵌入还是外部，它在技术上都不重要。

正如下面的评论指出的那样，不会在内联元素中起作用。

如上所述，text-align: center;将用于将元素中的文本居中。

Answer 4

如果您还添加了margin: 0 auto;说明符，

width只会在CSS中居中。没有width它就不会工作 - 它会被放在左边。但这意味着它不等同于<center>标记，您不需要为其指定任何宽度。并且 IF 你知道某些东西的宽度，并且必须费心在CSS工作表中指定它，在页面上为每个对象设置一行（具有不同的宽度），然后你也可以只给左边距。（软件：HTML5，linux，Firefox 31）

CSS没有中心的希望。（演讲语言？垃圾！）

Answer 5

要在页面上居中使用div代码，您可以使用此代码。如果您希望文本在内容div中居中，则将text-align:center;添加到#content ID样式

#wrapper{
    background:#444;
}
#content{
    width:960px;
    margin:0 auto;
    background:whitesmoke;
}

<div id="wrapper">
<div id="content">test</div>
</div>

Answer 6

如果你有：

    {
        position:absolute;
    }

在边距样式生效之前，您需要将其删除。

什么是HTML中心标记的DIV样式？

6 个答案: