W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
Materialize提供了一個名為Chip的特殊組件,可用于表示小型信息,例如聯(lián)系人,標(biāo)簽等。
序號 | 類名稱及說明 |
---|---|
1 | chip 將div容器設(shè)置為chip。 |
以下示例展示使用chip類來展示創(chuàng)建各種類型的標(biāo)簽。
materialize_chips.html
<!DOCTYPE html> <html> <head> <title>The Materialize Chips Example</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css"> <script type="text/javascript" src="/attachments/tuploads/materialize/jquery-2.1.1.min.js"></script> <script src="/attachments/tuploads/materialize/materialize.min.js"></script> </head> <body class="container"> <div class="chip"> <img alt="HTML5" src="html5-mini-logo.jpg">HTML5 </div> <div class="chip"> HTML 5<i class="material-icons">close</i> </div> </body> </html>
驗證結(jié)果,如下圖所示。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: