Sup*_*ius 9 html javascript css properties
我有一块HTML
<img style="cursor: pointer; width: auto; height: auto; display: inline;" src="http://www.kidsgen.com/fables_and_fairytales/images/rapunzel.gif" alt="rapunzel" title="rapunzel" align="right">
即使我设置display: inline;了它的风格,当我试图获得它的css显示属性时:
alert($('img:first').css('display'))
要么
var el=document.getElementsByTagName('img')[0]
alert(document.defaultView.getComputedStyle(el,null)['display'])
它总是给我价值block.
怎么了？
属性align='right'分配导致 img 元素的显示属性设置为“块”。没有该align='right'属性的代码将在 jsFiddle 上发出“内联”警报。
<body>
<img style="cursor: pointer; width: auto; height: auto; display: inline;" src="http://www.kidsgen.com/fables_and_fairytales/images/rapunzel.gif" alt="rapunzel" title="rapunzel" />
</body>
alert($('img:first').css('display')); // alerts 'inline'
一条相关的额外信息是 img 标签实际上默认是内联元素。但是，通过align='right'在 img 标记内设置，即使插入以下代码行，我也无法将显示属性设置回内联：
$('img:first').css('display', 'inline');
| 归档时间： |
|
| 查看次数： |
1394 次 |
| 最近记录： |