有没有一种方法或标签可用来居中任何HTML元素？

问题描述：

是否有任何代码或标签可用于集中任何HTML元素？我现在所知道的唯一方法是反复调整填充和边距（左侧）以将元素推到大致居中的位置。我知道你可以集中文本，但这似乎不适用于其他元素，如divs，对象等。有没有一种方法或标签可用来居中任何HTML元素？

答

为了使页面的内容中心尝试使用

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我们可以使我们的元素中心或根据我们的要求。如果你有任何特殊的情况，然后问。

这是我正在处理的页面。我希望Facebook的评论部分是集中的。 http://newmedia.leeds.ac.uk/ug10/cs10mm/youtube.html – 2012-03-06 16:31:17

嗯让我看看亲爱的.. – w3uiguru 2012-03-06 16:46:06

答

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

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

答

对于div的尝试：

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

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

基本上 - 你的包装格边距设置为auto几乎总是工作，以及你想在div文本对齐中心以其为中心。

在HTML

<center> </center>

效果很好。

答

尝试margin: 0 auto;

实施例：

答

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

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

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

绝对不要使用position：绝对不必要的。 – sandeep 2012-03-06 16:09:44

答

从我的经验，中心的元素，最好的办法是通过设置CSS是这样的：

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

为中心，您的simpy使用text-align: center;文本。