Question

我的表单中有一个Datalist，用于在用户上传图片时自动显示图片。

以下是显示图片的Default.aspx：

<asp:DataList Width="100%" ID="imgDataList" runat="server" RepeatColumns="4" CellPadding="10">
    <ItemTemplate>
        <table runat="server" id="tblImgList" border="1" width="100%">
            <tr>
                <td align="center">
                    <a id="Link1" runat="server" href='<%# Eval("Value") %>' target="Default.aspx">
                        <asp:Image ID="imgDisp" ImageUrl='<%# Eval("Value") %>' runat="server" style="height :200px ; width :200px ;" />
                    </a> 
                </td>
            </tr>
            <tr>
                <td align="center">
                    <%# Eval("Text") %>
                </td>
            </tr>
        </table>
    </ItemTemplate>
</asp:DataList>

对于Image控件，我已经将高度和宽度设置为200px ，因此每个显示的图像都拉伸到 200px ，看起来不太好。如何显示图像以使其与原始图像保持一致？如果Winsform它使用Sizemode属性来调整图片。如果使用Web form application？

，如何调整它？

Answer 1

从我的评论中，使用百分比而不是px总是更好，这样图像就不会被拉伸。

CSS：

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 -because of Bug in ie8 need to give widht the following way */ 
}

如果您想强制执行图像的固定最大宽度，只需将其放在容器中，例如：

<a style="max-width:500px;">
    <asp:img src="..." />
</a>

将图像插入图像控件（ASP.Net）

1 个答案: