8

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

4

6 回答 6

3

的HTML：

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

和CSS：

#something
{
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}
于 2012-08-18T14:28:03.497 回答
2

没有直接的等价物。<center>标签不仅居中其包含的文本，还居中任何块元素。您可以分别模仿其中的每一个，但不能同时模仿。

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

.center {
  text-align: center;
}

要使块元素本身居中，请使用以下命令：

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

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

于 2012-08-18T21:17:46.737 回答
2

你只需要用来margin: auto;居中 a div。从技术上讲，它是内部/嵌入式还是外部都无关紧要。

然而，正如下面的评论指出的那样，这不适用于内联元素。

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

于 2012-08-18T22:32:15.083 回答
1

margin: 0 auto;如果您还添加width说明符，则只会在 CSS 中居中。没有width它是行不通的——它将被放在左边。但这意味着它不等同于<center>标签，您不需要为其指定任何宽度。如果您知道某物的宽度，并且不得不费心在 CSS 表中指定它，页面上的每个对象（具有不同的宽度）一行，那么您也可以只给左边距。（软件：HTML5、linux、Firefox 31）

CSS 无法居中。（演示语言？垃圾！）

于 2015-06-10T22:31:03.483 回答
0

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

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

​&lt;div id="wrapper">
<div id="content">test</div>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
于 2012-08-18T21:24:48.650 回答
0

如果你有：

    {
        position:absolute;
    }

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

于 2017-10-03T21:57:54.007 回答