文本对齐在 IE 中不起作用？答案

【问题标题】：Text-align don't work in IE?文本对齐在 IE 中不起作用？
【发布时间】：2016-09-09 14:20:18
【问题描述】：

我正在尝试将我的“li”定位为内联，因此我在一行中有三个图像，并且在它们下方有文本（如产品目录视图）。到目前为止，我的代码使用 chrome 看起来不错，但另一方面，IE 仅将所有内容都对齐到左侧。

CSS：

#products ul{
    margin:0px;
    padding:0px;
    margin-top: 50px;
}
#products li{
    list-style-type:none;
    float:left;
    display:inline; 
    height:auto;
    padding: 10px 10px;

}
#products img{
    max-width:250px;
    padding:20px;
    float:left;

}
#products ul li p{
    text-align:center;
    font-weight:200;
    font-family:Verdana, Geneva, Tahoma, sans-serif;

HTML：

<HeaderTemplate>
        <div id="products">

            <h2>ALL PRODUCTS</h2>
            <ul>
        </HeaderTemplate>
        <ItemTemplate>
            <li><a href="<%# Eval("ProductID", "Productdetails.aspx?ProductID={0}")%>"><img src="<%#Eval("ProductImage") %>" /></a>
                 <p><%#Eval("ProductName") %></p>
                 <p>$<%# Eval("ProductPrice") %></p></li>

        </ItemTemplate>
        <FooterTemplate>
            </ul>
            </div>
        </FooterTemplate>

【问题讨论】：

请显示呈现的 HTML，而不是生成它的任何内容。
什么版本的IE？ “不好看”是什么意思？
@Shaggy 抱歉应该让它更清楚，一切都在左侧，文本在图像旁边。但在 chrome 上，文本就在图像的正下方。
请不要仅仅因为您“发现了错误”而破坏您的问题。我已经为你回滚了。 - meta.stackoverflow.com/a/309255/2802040

标签： html css google-chrome internet-explorer

【解决方案1】：

试试这个：

#products li a {
    display: block;
}

【讨论】：