Asp.net CSS定义需要将动态创建的缩略图图像置于包含方形框架的中心

我想创建一个图像库。每个图像都是动态烫伤的，因此其最大尺寸将为100px 另一个维度是缩放的，因此它将保留原始纵横比。 （例如，如果原始图像宽度为200，图像高度为400，则将缩放为w:50px h:100px缩略图） 我希望每个图像将被放置在一个100px宽x 100px高的正方形框架中。 问题是，在图像中，图像与图像的左侧和顶部对齐 广场 我需要在CSS中定义什么，以便图像在包含的正方形中居中

我使用的CSS：

<style type="text/css">

    #gallery ul

    {

        display: inline-block;

        list-style-type:none;

        margin:0px;

        padding:0px;

        width:530px;

    }

    #gallery ul li

    {

        width:100px;

        height:100px;

        border:1px solid black;

        padding:1px;

        margin:1px;

        display: block;

        float:left;

    }



    #gallery ul li:hover

    {

       background-color:#CCC

    }


</style>

#美术馆
{
显示：内联块；
列表样式类型：无；
边际：0px；
填充：0px；
宽度：530px；
}
#李国宝画廊
{
宽度：100px；
高度：100px；
边框：1px纯黑；
填充：1px；
保证金：1px；
显示：块；
浮动：左；
}
#李国宝画廊：悬停
{
背景色：#CCC
}

我使用ASP.NET ListView控件创建库：

                        <div id="gallery">
                    <asp:ListView ID="lstvImages" runat="server" ItemContainerID="itemContainer">
                      <LayoutTemplate>
                           <ul>
                            <asp:Placeholder
                                id="itemPlaceholder"
                                runat="server" />
                           </ul> 
                      </LayoutTemplate>
                       <ItemTemplate>
                            <li>
                            <a href='InsertImageToArticle.aspx?relativePath=<%# Eval("RelativePath") %>'><img src ='<%# Eval("RelativePath") %>' width='<%# Eval("ThumbnailWidth") %>' height = '<%# Eval("ThumbnailHeight") %>' /></a>
                            </li>
                        </ItemTemplate>
                    </asp:ListView>
                    </div>

---

谢谢

尝试将图像边距更改为：

保证金：0自动

这将使左右边距相等，并将图像发送到包含元素的中心

对不起，我现在在手机上，qwerty键盘完全是垃圾，否则我会详细说明