Question

在我的项目中，我必须将内容返回到modalpopup一侧的html内容。我有一个图像（作为图标）。它有一个默认大小。我想最小化此图像的图标大小。但它仍然有实际尺寸。我怎么能使它高度= 15px和宽度= 10px。我尝试了很多东西，但没有用。

 customtoolbar = Magic.label + '<hr>' + '<table>' +
         '<tr><td><img src="/xxx/images/xxx.png" alt="" style="margin: 0; border: 0; padding: 0; display: block;" width="12" height="15" /></td><td><a href="#">TEST</a></td></tr>' +
        '<tr><td><a href="#">Alt Nodları Göster</a></td></tr>' +
        '<tr><td><a href="javascript:Magic.onAddNode()">İlişki Ekle</a></td></tr>' +
        '<tr><td><a href="javascript:Magic.onRemoveNode()"">İlişki Sil</a></td></tr>' +
        '<tr><td><a href="javascript:Magic.onUnAttachNode(' + Magic.selectedRelationId + ')">İlişki Kes</a></td></tr>';

Answer 1

也许你有设置高度和宽度的冲突css。我建议使用css来设置此图像的高度和宽度，而不是属性：

<img src="/xxx/images/xxx.png" alt="" style="margin: 0; border: 0; padding: 0; display: block; width:12px; height:15px" />

如果这不起作用，请尝试以下操作：

<img src="/xxx/images/xxx.png" alt="" style="margin: 0; border: 0; padding: 0; display: block; width:12px !important; height:15px !important" />

基本上!important标志告诉浏览器将此css用于之前已定义的任何其他内容。如果这样做，可能值得重新访问您的网站css。

作为一般经验法则，应避免使用内联css（此处附加到元素中）。所有样式都应该存在于css文件中，因为它可以提高类的可重用性等。此外，您不必遍历html行来更改样式。

Answer 2

检查您的代码是否与您的css冲突或者尝试使用它：

<style>
    img {
        margin: 0;
        border: 0;
        padding: 0;
        display: block;
        width: 12px !important;
        height: 15px !important;
    }
</style>

如何在html字符串dom中调整img的大小？

2 个答案: