是否有一种方法或标记可用于集中任何HTML元素？

Question

是否有可用于集中任何HTML元素的代码或标记？目前我所知道的唯一方法是重复调整填充和边距（左）以将元素推到近似居中的位置。我知道你可以集中文本，但这似乎不适用于其他元素，如div，对象等。

Answer 1

在CSS中，代码为{text-align:center;}。

你可以用HTML两种方式做到这一点，虽然这不是一个好习惯。一个是<div align='center'>，另一个是<center>thing to center</center>

Answer 2

对于divs尝试：

body {
    text-align: center;
    min-width: 600px;
}

#wrapper {
    margin:0 auto;
    width:600px;
    text-align: left;
}

基本上 - 在你的包装div上将页边距设置为自动几乎总是有效，并且你想要在其中居中的div的文本对齐中心。

在html中

<center> </center> 

效果很好。

Answer 3

尝试margin: 0 auto;

示例：

http://jsfiddle.net/4KuRW/

Answer 4

从我的体验中心元素的最佳方式是以这种方式设置CSS：

width: 300px; /* You actually have to set the width! */
margin: 0px auto; /* margin-top & bottom = 0, margin-left & right = auto */

要使文字居中，请使用text-align: center;。

Answer 5

要使页面的内容中心尝试使用

body{ margin:0 auto;}

对齐文本中心使用

p{text-align:center} or div p{text-align:center;}

将HTML标记用于文本

<center>your text goes here</center>

您可以创建一个类，您可以在其上编写CSS，如

<div class="align-center">Your text goes here</div>
.align-center { text-align:center; } or .align-center { margin:0 auto; }

有很多方法可以使元素成为中心，它完全取决于你创建的是什么样的布局以及你想要成为什么样的元素。通常使用css我们可以使我们的元素居中或根据我们的要求。如果您有任何特殊情况，请询问。

Answer 6

我假设你的意思是：你有一个id = X，高度= H，宽度= W的div你想要相对于父容器C水平和垂直居中（即C必须用position定义：relative）

在CSS文件中，您应该像这样定义X的类：

#X{
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -(W/2)px;
 margin-top: -(H/2)px;
}