9

私は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。

どうしたの？

4

2 に答える 2

4

align='right'プロパティの割り当てにより、img 要素の表示プロパティが「block」に設定されています。プロパティのないコードは、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');
于 2013-04-13T23:50:24.383 に答える
2

align="right"イメージタグに含まれているためです。

この CSS ルールは、ブロック要素を整列するために使用されます (詳細)。

于 2013-04-13T23:51:16.763 に答える