与CSS

水平对齐我有以下代码：与CSS

<div class="one"> 
    <p>Test<p><span style="color: Green">▼</span> 
</div>

这是一个非常简单的问题，我想，但我不知道CSS。我怎样才能让段落在中心水平对齐？

2011-06-11 Derek J

这是像http://stackoverflow.com/questions/5972017/center-site-in-the-center-of-the-许多问题duplactes屏幕先做几个搜索，然后问你的问题 – 2011-06-11 11:26:03

这里有两个问题。

要居中的DIV，下面是一个使用内联样式代码：

<div style="margin: 0 auto" class="one"> 
    <p>Test<p> 
</div>

以上将围绕整个DIV，但无法对齐文本中心。同样，如果类“one”具有指定的宽度，则div只会居中。否则，它不起作用。您还可以在名为“one”的类中包含边距样式信息。

现在，对准出现在DIV内的水平的所有文字，你可以风格像这样：

<div style="text-align: center" class="one"> 
    <p>Test<p> 
</div>

如果你想申请的定心风格只为一个段落，可以包括<p>标记中的样式规则。

2011-06-11 11:27:25 itsols

我试过这个，但我的代码有一个跨度，它似乎没有工作 – 2011-06-11 11:33:15

欢迎...也请注意 - 为了制作布局，您可能会发现使用DIV比SPAN更好。对于较小的东西使用跨度，例如格式化段落中的文本块或行中的数据字段。 – itsols 2011-06-11 12:05:47

您可以使用CSS。 margin:auto

2011-06-11 11:13:07 jumperchen

我可以添加它吗？我只想水平对齐。这也是垂直吗？ – 2011-06-11 11:16:34

对不起，我刚刚注意到我的代码没有出现，因为我没有点击代码。现在我的问题更好。 – 2011-06-11 11:17:34

保证金自动保证金解决方案适用于浮动块元素，但如果是正常的HTML中只有文字，你应该看看下面这个例子在这里：

2011-06-11 11:20:13 Richard

您可以使用所有的以下方法

.One{text-align:center;}

或

.One p{margin: 0 auto;}

2011-06-11 11:21:30

如果要居中整个DIV你的页面应该在<head>标签

<style type="text/css"> 
     .one p {text-align:center;} 
    </style>

内顶部有这个就可以了，而不是文本，使用这一点，但一定要设置一个宽度为DIV。

<style type="text/css"> 
     .one p {margin:0 auto; width:300px;} /*Change the width to what you need to*/ 
    </style>

2011-06-11 11:29:51 cwhelms

回答