style.visibility和style.display的區別


style.visibility和style.display都可以實現對頁的隱藏,但visibility要占用域的空間,而display則不占用
  • 將元素display屬性設為 block,會在該元素后換行。
  • 將元素display屬性設為 inline,會消除元素換行。
  • 將元素display屬性設為 none,隱藏該元素內容,且不占用域的空間。
  • 將元素visibility屬性設為 hidden,隱藏該元素內容,但占用域的空間。
  • 將元素visibility屬性設為 visible,顯示元素內容。

 

<P>歡迎<SPAN style="display:inline">你</SPAN>進入我的博客</P>

效果:歡迎進入我的博客

<P>歡迎<SPAN style="display:block">你</SPAN>進入我的博客</P>

效果:歡迎進入我的博客

<P>歡迎<SPAN style="display:none">你</SPAN>進入我的博客</P>

效果:歡迎進入我的博客

<P>歡迎<SPAN style="visibility:hidden">你</SPAN>進入我的博客</P>

效果:歡迎進入我的博客

<P>歡迎<SPAN style="display:visible">你</SPAN>進入我的博客</P>

效果:歡迎進入我的博客


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM