display和visibility的区分

visibility埋没的工具还保留工具显现时所占的物理空间，display则不保留。

vilibility：hidden(埋没)、visible(显现) style="vislbility:hidden"

display：none(埋没)、block(显现) style="display:none"

能够或许保管上面的代码看看结果。

详细步骤：

代码示例：

< div style="border:1px solid #000;background:#eee">< span style="width:200;height:200;visibility:hidden"></span>←SS属性为visibility:hidden的工具< /div><br>< div style="border:1px solid #000;background:#666">< span style="width:200;height:200;display:none"></span>←SS属性为display:none的工具< /div>

出格提醒

用visibility属性节制埋没的工具还占有着它显现时的地位，而display则不。

出格申明

display属性设置元素的显现体例，对应剧本特征为display，可选值为none、block和inline，各值的申明以下：

none 埋没元素，不保留元素显现时的空间。

block块体例显现元素。

inline 之内嵌体例显现元素。

inline-block工具显现为内嵌元素，但一切子工具都显现为块元素，相邻的内嵌元素将显此刻统一行，许可空格。

list-item 将块元素显现为列表工具，并能够或许增加名目标点。(须要IE6.0+撑持)

table-header-group 将元素作为表格标题组显现，相称于tHead元素。

table-footer-group 将元素作为表格脚注组显现，相称于tFoot元素。

visibility属性设置是不是显现元素，对应的剧本特征为visibility，可选值为inherit、hidden和visible，各值的申明以下：

inherit 担当父元素的visibility属性设置。

hidden 埋没元素，但保留其所占空间。

visible 显现元素(默许值)。

以上便是本文的全数内容，但愿本文的内容对大师的进修或任务能带来必然的赞助，同时也但愿多多撑持网页设想！