状況 †
印刷用CSSを作成するときや、不要な項目だが必ず出力されてしまう項目を見えなくしたいときなど。
確認したときの環境 †
- Firefox 3
- Chrome 2
- IE 8
- Opera 9
- Safari 4
方法 †
- [diaplay: none;]
この場合、要素の前後が詰まる。
1
2
3
| -
|
!
| img {
border: none;
}
|
- [visibility: hidden;]
この場合、要素の前後が詰まらない。
1
2
3
| -
|
!
| img {
visibility: hidden;
}
|