•  
    做網站知識

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

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

    廣州網站設計,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

    本免费av无码专区一区