Question

你可以用css设置这个控件的图像大小吗？

<img style="border-width: 0px;" alt="Test image" src="userdata/1/uploadedimage/database%20entry.jpg">

不确定我是否可以通过css或Jquery为此分配一定的大小？或者，如果我可以使用img.Style？

之类的东西直接在我的C＃代码中完成

修改

只是为了澄清我的CSS就是这样：

div .test
{
  width:90%; 
  z-index:1; 
  padding:27.5px; 
  border-top: thin solid #736F6E;
  border-bottom: thin solid #736F6E;
  color:#ffffff;
  margin:0 auto;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}

当用户在文本框中输入内容时，我的代码会在我的div中动态分配图像（div也是动态分配的）

while (reader.Read())
                    {
                        System.Web.UI.HtmlControls.HtmlGenericControl div = new System.Web.UI.HtmlControls.HtmlGenericControl("div");
                        div.Attributes["class"] = "test";
                //div.Style["float"] = "left";

                        div.ID = "test";
                        Image img = new Image();
                        img.ImageUrl = String.Format("{0}", reader.GetString(1));
                        // this line needs to be represented in sql syntax
                        //img.ImageUrl = "~/userdata/2/uploadedimage/batman-for-facebook.jpg";
                        img.AlternateText = "Test image";

                        div.Controls.Add(img);
                        div.Controls.Add(ParseControl(String.Format("{0}", reader.GetString(0))));
                        div.Style["clear"] = "both";
                        test1.Controls.Add(div);

那么我将如何在这个组合中使用以下答案

Answer 1

绝对。 <img>标签通过CSS接受高度和宽度声明。如果你想内联它，它（高度和宽度值为100px）：

<img style="border-width: 0px; width:100px; height:100px;" alt="Test image" src="userdata/1/uploadedimage/database%20entry.jpg" />

最好使用CSS定位而不是内联：

<style type="text/css">
    img {border-width:0px; width:100px; height:100px;}
</style>

然后你的img标签就是：

<img alt="Test image" src="userdata/1/uploadedimage/database%20entry.jpg" />

那将适用于页面上的所有img标签（可能不是您想要的），因此您可以向图像添加类（或id）以进一步优化CSS选择：

<style type="text/css">
    img.mySize {border-width:0px; width:100px; height:100px;}
</style>

<img class="mySize" alt="Test image" src="userdata/1/uploadedimage/database%20entry.jpg" />

使用点表示类声明。使用#for id。

顺便提一下，如果要保持比例，可以简单地定义不带高度的宽度。浏览器会根据宽高比自动调整高度。

jQuery提供了更改节点的许多CSS属性的访问权限：

$('img').css({
    height: 100,
    width: 100
});

通过css或jquery / c设置图像大小＃

1 个答案: