2个"style"内联CSS图像标签？

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;"

出于某些原因，图片的高度为100像素但没有宽度。 我猜这是因为你不能在同一个标签中连续写两个属性。 如果这是真的，有没有一种方法可以同时指定高度和宽度？ 我已经在我的外部CSS上分配了不同的图像大小，并且我不认为你可以在外部CSS的

标签属性中添加属性。 谢谢

- user2095044

---

你应该能够将两种样式放在同一个样式标签中。 - starbeamrainbowlabs

Answer 1

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

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

考虑使用CSS类而不是直接在HTML标记上应用样式：

CSS:

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

HTML：

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

- Oded

Answer 2

不要使用超过一个样式属性。只需使用;将样式分隔在样式属性中。 这是一段内联CSS代码块，因此您可以像在单独的样式表中一样对其进行CSS处理。

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

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

- Malcolm Murray

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。 内联CSS还会覆盖其他CSS。

- Sanober Malik

Answer 4

如果使用内联CSS，则使用以下内容。

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

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

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

在HTML文件中。

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

- Md. Amran Hossan