display:none与visibility:hidden不同的隐藏-PHP开发-php.cn

ホームページ

php教程

PHP开发

display:none与visibility:hidden不同的隐藏

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 07, 2016 pm 05:24 PM

gtltnbspquot

相同点：display:none和visible:hidden都有把网页上某个元素隐藏起来的功能。

区别：
visibility:hidden--为隐藏的对象保留其物理空间
display: none--不为被隐藏的对象保留其物理空间

文字看起来不好理解，我喜欢实例，下面是我整理的一个经典实例，分享一下：

display:none与visibility:hidden的区别

第一行

第三行

第一行

第二行

第三行

style="display:none"

style="visibility:hidden"

还好，调试时我连图也截上了，看图：

结合前面的代码一起看，如果还看不明白，最好自己动手实践一下！

本文首发WBlog博客,欢迎转载！转载请注明本文地址,谢谢。

本文地址:http://w3note.com/web/25.html

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

ホットツール

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。