5

我有以下标签

<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 的标签属性中添加img属性。div谢谢

4

4 回答 4

11

您不需要 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"/>
于 2013-02-21T10:46:25.860 回答
3

不要使用多个样式属性。只需在 style 属性中使用; It is a block of inline CSS 来分隔样式，因此可以将其视为在单独的样式表中处理 CSS。

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

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

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

于 2013-02-21T10:49:12.603 回答
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。

于 2013-02-21T10:52:19.690 回答
1

如果使用你使用的内联 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"/>
于 2015-06-18T05:33:46.450 回答