<acronym id="2i0u2"><center id="2i0u2"></center></acronym>
<sup id="2i0u2"></sup>
<acronym id="2i0u2"><div id="2i0u2"></div></acronym>
<acronym id="2i0u2"><center id="2i0u2"></center></acronym>
<acronym id="2i0u2"><small id="2i0u2"></small></acronym><rt id="2i0u2"><small id="2i0u2"></small></rt>
 
做網站知識

網站設計visibility和display屬性的區別

新聞資訊 發布時間2011.6.6.瀏覽數:2452

廣州網站設計,CSS display屬性

廣州網站設計,CSS display屬性

visibility=“hidden”的對象在頁面中占有空間但是不顯示,dispaly="none"的對象在頁面中不占有空間。例如:

<div style="width:100px;height:20px" id=div1>第一行 </div>第二行 <input type=button onclick=div1. style.display='none' value=display><input type=button onclick=div1.style.visibility='hidden'value=visibility>

display 屬性規定元素應該生成的框的類型。這個屬性用于定義建立布局時元素生成的顯示框類型。對于 HTML 等文檔類型,如果使用 display 不謹慎會很危險,因為可能違反 HTML 中已經定義的顯示層次結構。對于 XML,由于 XML 沒有內置的這種層次結構,所有 display 是絕對必要的。

注釋:CSS2 中有值 compact 和 marker,不過由于缺乏廣泛的支持,已經從 CSS2.1 中去除了。

默認值: inline
繼承性: no
版本: CSS1
JavaScript 語法: object.style.display="inline"

使段落生出行內框:

p.inline
  {
  display:inline;
  }

TIY

所有主流瀏覽器都支持 display 屬性。

注釋:如果規定了 !DOCTYPE,則 Internet Explorer 8 (以及更高版本)支持屬性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。

描述
none 此元素不會被顯示。
block 此元素將顯示為塊級元素,此元素前后會帶有換行符。
inline 默認。此元素會被顯示為內聯元素,元素前后沒有換行符。
inline-block 行內塊元素。(CSS2.1 新增的值)
list-item 此元素會作為列表顯示。
run-in 此元素會根據上下文作為塊級元素或內聯元素顯示。
compact CSS 中有值 compact,不過由于缺乏廣泛支持,已經從 CSS2.1 中刪除。
marker CSS 中有值 marker,不過由于缺乏廣泛支持,已經從 CSS2.1 中刪除。
table 此元素會作為塊級表格來顯示(類似 <table>),表格前后帶有換行符。
inline-table 此元素會作為內聯表格來顯示(類似 <table>),表格前后沒有換行符。
table-row-group 此元素會作為一個或多個行的分組來顯示(類似 <tbody>)。
table-header-group 此元素會作為一個或多個行的分組來顯示(類似 <thead>)。
table-footer-group 此元素會作為一個或多個行的分組來顯示(類似 <tfoot>)。
table-row 此元素會作為一個表格行顯示(類似 <tr>)。
table-column-group 此元素會作為一個或多個列的分組來顯示(類似 <colgroup>)。
table-column 此元素會作為一個單元格列顯示(類似 <col>)
table-cell 此元素會作為一個表格單元格顯示(類似 <td> 和 <th>)
table-caption 此元素會作為一個表格標題顯示(類似 <caption>)
inherit 規定應該從父元素繼承 display 屬性的值。
三行網絡_廣州網站改版公司 ——網頁細節精細制作!秉承以高品質網頁設計,豐富的網站制作經驗和高超創意的建網站水平,根據您的企業的行業類型和產品特點設計出更加商業化,以優秀的視覺效果為您量身打造經典的企業網站形象,為廣大商業客戶搭起“雙贏之橋”。

此文《網站設計visibility和display屬性的區別》由三行網絡公司原創,轉載請保留原文鏈接,謝謝!
關鍵詞標簽:廣州網站設計,CSS display屬性    (PC+手機)響應式網站建設

15989229398(微信咨詢)

專業做網站 · ¥明碼實價!


匠心打造精品,用心成就經典!攜手客戶共創雙贏!
? Copyright 廣州三行網絡科技有限公司
粵ICP備案號:09210325

屁屁草草影院ccyycom