html - 2 "style"内联 css img 标签?

标签 html css

我有以下标签

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

最佳答案

您不需要 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"/>

关于html - 2 "style"内联 css img 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15000239/

相关文章:

html - Bootstrap 条纹下拉菜单

javascript - 如何使用 html 输入从 javascript 动态更改 css 类属性

javascript - 如何使用CSS将数字格式化为逗号分隔

当用户按下 ENTER 时,CSS 更改 Firefox 中的默认按钮

html - 在容器中垂直自动排列多个 div(不是作为一个组!)

html - 表格行边框在 Firefox 和 Safari 中不起作用

html - 子 div 高度伸出父包装

javascript - 将图像与要上传的其他数据一起 POST 到 PHP 文件

html - 同时最大运行web worker html5

css - 如何从流程中删除元素?