css的顯示模式display記錄筆記

來源:互聯網
上載者:User
html中 標籤的顯示模式,即display由css設定控制,一下作為記錄

<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>css 標籤模式 display</title>     <style>         strong {             /* 隱藏 標籤,佔有空間 */             /*visibility: hidden;*/             /*標籤不顯示, 不佔空間*/             /*display: none;*/             /*塊級標籤*/             /*display: block;*/             background-color: red;         }         /*                          寬高      邊距        獨佔行         塊級      y      上下左右       y         行內塊級   y      左右        n         行內元素   x      左右        n         */          .div1 {              display: inline-block;          }      </style>  </head>  <body>  <span>這是 一個span標籤</span>  <br>  <strong>這是 strong 標籤</strong>  <b>1234567</b>  <hr>  <b>1234567</b>  <div>     這是 一個div </div>  <b>1234567</b>  </body>  </html>

以上就是css的顯示模式display記錄筆記的內容,更多相關內容請關注topic.alibabacloud.com(www.php.cn)!

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.