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>
效果:歡迎你進入我的博客
