Html 尝试将居中的div图像块向左对齐

我有多张图片，当网页调整大小时，应该左对齐，但仍然保持div块居中。它们目前都处于中心位置：

见下文：

以下是我的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>

---

知道我做错了什么吗？

你的问题是这一行：

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

---

删除文本居中对齐。

更改

文本对齐：居中用于
文本对齐：左
要保持div居中，请尝试将其添加到
。小部件内容
：

页边距：自动

它将使div居中，但对div内部的内容没有影响。将其与其他人的答案结合使用，这些答案将
文本对齐：居中
更改为
文本对齐：左
要获得我认为您正在寻找的行为，您的div需要最大宽度


在您的DIV中添加：

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

您告诉它在哪里向左对齐？期望的结果是什么？
.widget content{text align:left；}
您说div应该居中，但是div是100%宽度（默认情况下）。将容器的全宽放在中间意味着什么？@James Montagne我基本上是在努力保持左右边距相等
style="text-align:center;"

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