Css 在div中居中显示图像

大家好，我想把一些图片放在中间。它们一直向左浮动，我尝试过文本对齐，但似乎不起作用。JSFIDLE在这里。顺便说一句，我可能在睡觉的时候会这样做，现在是伦敦5点56分：(

[HTML]

<div id="portfolio" style="height: 3020px;">

 <div id="project" class="cms design html-css " data-col="1" data-row="0" style="right: 0px; opacity: 1; top: 0px;">
    <div id="workEntry1" class="workEntry">

       <div id="thumbAttachment">
                    <div id="inThumb">
                    <img src="http://www.enjoythis.co.uk/wp-content/files_mf/work_thumbnail275.jpg">
        </div>

         <div id="blackCross"> <a href="http://www.enjoythis.co.uk/jane-stockdale/"><img src="http://www.enjoythis.co.uk/wp-content/themes/enjoyThis/images/thumb_transparency.png"></a></div>

          </div>


        <!--<div id="attachmentShadowThumb"></div>-->


        <div id="workTitle">
                </div>
            <div id="workTags">


            </div>
      </div>
    </div>


          <div id="project" class="design illustration html-css " data-col="2" data-row="0" style="right: 0px; opacity: 1; top: 0px;">
    <div id="workEntry2" class="workEntry">

       <div id="thumbAttachment">
                    <div id="inThumb">
                    <img src="http://www.enjoythis.co.uk/wp-content/files_mf/work_thumbnail2.jpg">
        </div>

         <div id="blackCross"> <a href="http://www.enjoythis.co.uk/street-child-world-cup-i-am-somebody/"><img src="http://www.enjoythis.co.uk/wp-content/themes/enjoyThis/images/thumb_transparency.png"></a></div>

          </div>


        <!--<div id="attachmentShadowThumb"></div>-->


        <div id="workTitle">
      </div>
            <div id="workTags">                 

            </div>
      </div>
    </div>
          <div id="project" class="app database design " data-col="0" data-row="1" style="right: 0px; opacity: 1; top: 0px;">
    <div id="workEntry3" class="workEntry">

       <div id="thumbAttachment">
                    <div id="inThumb">
                    <img src="http://www.enjoythis.co.uk/wp-content/files_mf/pgtips_thumb37.jpg">
        </div>

         <div id="blackCross"> <a href="http://www.enjoythis.co.uk/pg-tips-vs-january/"><img src="http://www.enjoythis.co.uk/wp-content/themes/enjoyThis/images/thumb_transparency.png"></a></div>

          </div>


        <!--<div id="attachmentShadowThumb"></div>-->


        <div id="workTitle">
        </div>
            <div id="workTags">


            </div>
      </div>
    </div>

---

希望我能很好地理解你的问题。你应该使用

marginleft:auto；

和

marginright:auto；

来制作

div

（或者更确切地说，一个块位置元素）中心

例如，您应该将css代码更改为：

#inThumb{
    margin-left: auto;
    margin-right: auto;
}

---

看到这个jsFiddle:

希望我能很好地理解你的问题。你应该使用

左边距：自动；

和

右边距：自动；

来做一个

div

（或者更确切地说，一个块位置元素）中心

例如，您应该将css代码更改为：

#inThumb{
    margin-left: auto;
    margin-right: auto;
}

---

查看此jsFiddle:

是否要使所有图像居中？代码中有太多不必要的浮点值。因此，从#project中删除浮点值并将边距：0自动分配给它。选中此复选框是否要使所有图像居中？在代码中有太多不必要的浮点值。因此，从#project中删除浮点值并将边距：0自动分配给它。选中此复选框谢谢一群人，现在上床睡觉。谢谢一群人。现在上床睡觉。