0

我有一个应用于头像的通用样式，但在这种情况下，我想覆盖它以从 html 属性中获取高度和宽度。

   <img src="http://site.com/wp-content/uploads/avatars/4/21b534c3f0db3355775089689cb4e003-bpthumb.jpg" class="avatar user-4-avatar avatar-14 photo" width="14" height="14" alt="Avatar of user">

img.avatar {
   height: 80px;
   width: 80px;
 }


.bbpress img.avatar, .forum img.avatar {
   /*what rule do I put here to make the avatar use the html attribute for sizing?*/
   height: auto;
   width: auto;
 }

我不想更改任何 html，只是 CSS ...有什么办法可以做到这一点吗？我试过auto了，但这使它成为自然的高度和宽度。

4

1 回答 1

0

我不完全确定你在问什么，或者你从 html 属性中获取宽度和高度是什么意思。

我唯一可以分享的是，使用 auto 可以获得由浏览器确定的初始宽度和高度

或者您可以!important在每个 css 属性之后使用以确保它覆盖所有内容。

或者通过使用 css inlinestyle="width:##;height:##"将覆盖 CSS 表（但不是 !important 属性）。

我不确定这是否有帮助。

于 2013-10-22T14:38:14.560 回答