Question

我有以下标记

<img src="http://img705.imageshack.us/img705/119/original120x75.png"style="height:100px;" 
style="width:100px;" alt="25"/>

我在

中添加了两个倾斜CSS命令

style="width:100px;"
style="height:100px;"

由于某种原因，图片的高度为100px，但没有宽度。我认为这是因为你不能在同一个标签中连续写下其中两个。如果这是真的，有没有办法分配高度和宽度？我已经在外部CSS上分配了不同的图像大小，我认为您不能在外部CSS的img标记属性中添加div属性。谢谢

Answer 1

您不需要2个样式属性 - 只需使用一个：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                     style="height:100px;width:100px;" alt="25"/>

但是，请考虑使用CSS类：

CSS：

.100pxSquare
{
  width: 100px;
  height: 100px;
}

HTML：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                          class="100pxSquare" alt="25"/>

Answer 2

不要使用多个样式属性。只需使用;在style属性中单独设置样式它是一个内联CSS块，所以想想这个就像在单独的样式表中做CSS一样。

所以在这种情况下它： style="height:100px;width:100px;"

您可以将此用于任何CSS样式，因此如果您想将文本颜色更改为白色： style="height:100px;width:100px;color:#ffffff"等等。

然而，值得谨慎使用内联CSS，因为它可以使代码在未来更易于管理。使用外部样式表可能是更好的选择。这完全取决于您的要求。内联CSS确实可以加快编码速度。

Answer 3

您应该使用：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="25"/>

那应该有用!!

如果你想创建类，那么：

.size {
width:100px;
height:100px;
}

然后应用它：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" class="size" alt="25"/>

通过创建一个类，您可以在多个位置使用它。

如果您只想在一个地方使用，那么请使用内联CSS。 Inline CSS也会覆盖其他CSS。

Answer 4

如果使用您使用的内联CSS

.imgSize {height:100px;width:100px;}

否则，您可以使用与单独的css文件（样式化您的网站）相关的类属性 在CSS文件中

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="705"/>

在HTML文件中

[Route("UpdateData")]
public async Task UpdateData(int dataKey, [FromBody] JObject data)
{

}

[Route("GetData")]
public async Task<JObject> GetData(int dataKey)
{

}

2“style”内联css img标签？

4 个答案: