與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

回答