如何将居中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的内容与左边对齐？

回答

相关问题