CSS display:none VS overflow:hidden


要素を非表示または表示にするcss propertyがあります.


divを使用して6つのボックスを作成し、上記の例のようにwrapperというclass nameというdivラベルにflexを配置します.

これらの箱の1つが見えないように処理したい場合は、どうすればいいですか?


聞いてみよう!




1. display: none;


(display propertyには外部表示タイプと内部表示タイプがありますが、近い将来記事を作成し、リンクを添付します.

mdnのnone valueはboxタイプとして表され、これは内部か外部か、理解する必要があります.)



Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off. To have an element take up the space that it would normally take, but without actually rendering anything, use the visibility property instead.