JAVASCRIPTにおける可視性と表示の違い style_javascriptスキル

WBOY

リリース： 2016-05-16 18:36:05

オリジナル

1651 人が閲覧しました

可視性が「非表示」に設定されている場合、要素は非表示になりますが、元の位置を占めます。
----------------------------------------------- --- ----------------
例:

コードをコピーコードは次のとおりです。

onblue クリックして表示します効果。

--------------------------------- - -------------------------------- 
 最後に、表示は「なし」に設定されています。実際に変更される要素がページから削除されると、その下の要素が自動的に埋められます。 (このとき、display: none; の要素は消えることに相当し、visibility: hidden; は非表示を意味するだけですが、位置はそのままです。)

------------- ----- --------------------------------------
display 属性 block、inline、none 値のデバッグ例と、visibility: hidden;:

コードをコピーコードは次のとおりです:

表示属性はブロック、インライン、なしの値であり、可視性を使用してデバッグします: hidden;

;SPAN id="oSpan" style="background-color: #CFCFCF;">これは文内の SPAN

< input type=button value="None" onclick="oSpan.style.display='none'">

要素をインラインに設定すると、要素の折り返しが不要になります。

要素のコンテンツを非表示にするには、要素を none に設定します。

「難しすぎる」:
同時に、display:inline; と float:left; の違いについては、次の記事を参照してください:
(display は表示状態を指し、inline は表示状態を指します) inline、characteristics 前の inline 要素に近いです。通常、デフォルトの inline 要素は、span、a、em、strong などです。Float は浮動小数点数を意味し、float: left はブロックレベル要素の浮動形式です。これらは異なる形式です。 2 つの州) http://www.andymao.com/andy/post/42.html
http://bbs.blueidea.com/thread-2596793-1-1.html

コードをコピーしますコードは次のとおりです:

>< ;body>
span は inline/inline 要素であり、それに幅を割り当てても効果はありません。
span は inline/inline 要素で、幅が 100px であることがわかります。。

この li は inline/inline として定義されており、幅の設定は影響しません

テスト

この li は inline/inline float:left として定義され、幅の設定は影響を受けます

/ li>