尝试将居中的div图像块对齐到左侧

-3

我有多个图像，当网页被调整大小时应该左对齐，但仍然保持div块居中。他们目前都被集中：尝试将居中的div图像块对齐到左侧

见下文：

enter image description here

这是我的HTML和CSS代码：

<div class="widget-content" style="text-align:center;"> 
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg"> 
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg"> 
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg"> 
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg"> 
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg"> 
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg"> 
    <img class="medium_thumb_rounded" id="15" src="my-img-src.jpg"> 
</div>

CSS：

.widget-content { 
    padding: 12px 15px; 
    border-bottom: 1px solid #cdcdcd; 
} 

.medium_thumb_rounded { 

    border: 1px solid #B6BCBF; 
    /*float: left;*/ 
    height: 80px; 
    width: 80px; 
    margin-right: 1px; 
    margin-bottom: 5px; 

    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
     border-radius: 3px; 
}

任何想法我做错了？

来源

2013-05-10 Paul

你在哪里告诉它左对齐？ – PeeHaa 2013-05-10 17:34:01

期望的结果是什么？ – 2013-05-10 17:34:49

'.widget-content {text-align：left; }' – Orangepill 2013-05-10 17:36:07

你的问题是这样的一行：

<div class="widget-content" style="text-align:center;">

卸下中心对齐文字。

来源

2013-05-10 17:34:40

为text-align:left;

来源

2013-05-10 17:34:42

变化text-align:center;为了保持股利中心尝试添加这.widget-content：

margin:auto;

它将居中DIV，但对什么是内股利没有影响。与其他人的答案一起使用text-align:center至text-align:left

来源

2013-05-10 17:36:12

为了得到我想要的行为，您的DIV需要最大宽度。

http://jsfiddle.net/cswbr/

style="text-align:center;"

要在DIV，地址：

margin:0 auto; 
max-width:###px;

来源

2013-05-10 18:20:38

尝试将居中的div图像块对齐到左侧

回答

相关问题