文字對齊不起作用

我有以下的HTML代碼。 http://jsfiddle.net/Lijo/wJX9C/文字對齊不起作用

我需要對齊中心對齊的內容（「HAI」和按鈕）。我們如何糾正它？

注：需要在IE7中工作，鉻

<html> 
<div id="popup" class="popup"> 
     <div id = "poupContentLine1" class="poupContentLine"> 
      HAI 
     </div> 
     <div id = "poupContentLine2" class="poupContentLine"> 
      <input type="submit" name="ctl00$detailContentPlaceholder$btnClose" value="CLOSE" id="detailContentPlaceholder_btnClose" /> 
     </div> 
</div> 
</html>

風格

.popup 
{ 
    width:530px; 
    background-color:#ffffff; 
    border:3px solid Orange; 
    padding: 10px 5px 10px 5px; 
    margin: 0px 0px 0px 0px; 
} 

poupContentLine 
{ 
    width:530px; 
    height:auto; 
    text-align:center; 
    margin: 0px 0px 0px 0px; 
}

來源

2012-05-30 Lijo

你錯過了.

.poupContentLine

因爲它是一個類名—例如小提琴：http://jsfiddle.net/wJX9C/2/

來源

2012-05-30 11:57:08 fcalderan

+1 :)，以及我會說這個問題有點「太本地化」 – Jeroen

謝謝。這是我身邊的一個愚蠢的錯誤 – Lijo

首先，刪除popupcontentline造型;這是沒有必要的。然後將text-align: center添加到.popup。此外，縮短margin: 0;（無關你的問題，但所有這些「0」是沒有必要的，拉長你的代碼。）

例子：http://jsfiddle.net/wJX9C/10/

.popup 
{ 
    width:530px; 
    background-color:#ffffff; 
    border:3px solid Orange; 
    padding: 10px 5px 10px 5px; 
    margin: 0; 
    text-align:center; 
}

注：HTML也可以是簡化，但我沒有做任何事情。

來源

2012-05-30 12:01:41 Ian

文字對齊不起作用

回答

相關問題