如何將居中div的內容與左邊對齊？

我已經居中一個div在另一個div內，但想要左對齊居中的內部div的內容。我怎樣才能做到這一點？如何將居中div的內容與左邊對齊？

我現在的HTML看起來像這樣：

<div style="border: solid 1px #ff0000;text-align:center;">  
    <div style="border:solid 1px #00ff00;"> 
     <img src="/some_url_1/" style="width: 80px; height 80px; border: 0"/> 
     <img src="/some_url_2/" style="width: 80px; height 80px; border: 0"/> 
    </div> 
</div>

目前圖像中心內的內格，但我想他們左對齊的中心內div中。

任何想法我失蹤？

來源

2012-12-01 Paul

使用利潤率中心內部元件：

<div id="outer"> 
    <div id="inner"> 
     Things to align to the left 
    </div> 
</div>

用下面的CSS：

#inner { 
    width: 75%; 
    margin: 0 auto; 
    text-align: left; /* generally don't need to explicitly state this */ 
}

演示：http://jsfiddle.net/W95Qy/

另外，作爲一個友好的建議，儘可能地嘗試使CSS保持您的HTML。它通常會使您的代碼更易於閱讀，管理和維護您在此領域工作的長期理智;）

來源

2012-12-01 17:01:26 Sampson

您可以在內部使用的div text-align: left，這樣做：

<div style="border: solid 1px #ff0000; text-align: center;">  
    <div style="border:solid 1px #00ff00; text-align: left;"> 
     <img src="/some_url_1/" style="width: 80px; height 80px; border: 0"/> 
     <img src="/some_url_2/" style="width: 80px; height 80px; border: 0"/> 
    </div> 
</div>

來源

2012-12-01 17:01:17

如何將居中div的內容與左邊對齊？

回答

相關問題