html – 如何使用“em”单位显示图像?
发布时间:2020-12-14 18:28:20 所属栏目:资源 来源:网络整理
导读:我创建了一个 div宽度:10em和高度:5em. 现在我想显示一个 img (GIF图像)在此 div中具有完全相同的大小. 但显然它并不“知道”em单位.它以10×5像素显示图片. 如何显示此 img使用“em”单位? 解决方法 使用此代码: html body pThis is 10em x 5em/p div s
我创建了一个< div>宽度:10em和高度:5em.
现在我想显示一个< img> (GIF图像)在此< div>中具有完全相同的大小. 但显然它并不“知道”em单位.它以10×5像素显示图片. 如何显示此< img>使用“em”单位? 解决方法
使用此代码:
<html> <body> <p>This is 10em x 5em</p> <div style="width:10em; height:5em;"> <img style="width:10em; height:5em;" src="logo.png" /> </div> </body> </html> 它适用于Windows XP上的Firefox 3.5,Internet Explorer 8和Opera 10.0 Beta. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |