Bootstrap5 \u8868\u683c\u4fee\u9970\u7c7b (table classes)<\/p>\n
Bootstrap 5 \u5185\u7f6e\u4e86\u5f88\u591a\u8868\u683c\u4fee\u9970\u7c7b (table classes)\uff0c\u53ef\u4ee5\u76f4\u63a5\u52a0\u5728 <table> \u6807\u7b7e\u4e0a\uff0c\u8ba9\u8868\u683c\u5916\u89c2\u66f4\u7f8e\u89c2\u3002<\/p>\n
1\u3001\u57fa\u7840\u8868\u683c\u7c7b<\/strong> 2\u3001\u5e38\u7528\u4fee\u9970\u7c7b<\/strong> 2\uff09. \u5e26\u8fb9\u6846 3\uff09. \u7d27\u51d1\u8868\u683c 4\uff09. \u6df1\u8272\u8868\u683c 5\uff09. Hover \u6548\u679c 3\u3001\u989c\u8272\u4fee\u9970\uff08\u6309\u884c\u6216\u5355\u5143\u683c\uff09<\/strong><\/p>\n Bootstrap \u5185\u7f6e\u4e86 \u80cc\u666f\u8272\u7c7b\uff0c\u53ef\u4ee5\u7528\u5728 <tr> \u6216 <td>\uff1a<\/p>\n table-primary (\u84dd\u8272)<\/span><\/p>\n table-secondary (\u7070\u8272)<\/span><\/p>\n table-success (\u7eff\u8272)<\/span><\/p>\n table-danger (\u7ea2\u8272)<\/span><\/p>\n table-warning (\u9ec4\u8272)<\/span><\/p>\n table-info (\u9752\u8272)<\/span><\/p>\n table-light (\u6d45\u7070)<\/span><\/p>\n table-dark (\u6df1\u7070)<\/span><\/p>\n \u7528\u6cd5\uff1a<\/p>\n <tr class=”table-success”><\/span> 4. \u8868\u683c\u884c\u9ad8\uff08row height\uff09<\/strong><\/p>\n Bootstrap \u9ed8\u8ba4\u901a\u8fc7 line-height \u548c padding \u63a7\u5236\u8868\u683c\u884c\u9ad8\uff1a<\/p>\n .table \u9ed8\u8ba4\u884c\u9ad8 = \u7531\u5185\u5bb9\u6491\u5f00<\/p>\n .table-sm \u2192 \u7d27\u51d1\u6a21\u5f0f\uff08padding \u66f4\u5c0f\uff0c\u9ad8\u5ea6\u66f4\u4f4e\uff09<\/p>\n \u4f8b\u5b50\uff1a<\/p>\n <table class=”table table-sm”><\/span> <!– \u66f4\u7d27\u51d1 –><\/p>\n 2. \u5782\u76f4\u5bf9\u9f50\uff08vertical alignment\uff09<\/p>\n \u7528 align-* \u7c7b\u6765\u63a7\u5236\u5355\u5143\u683c\u5185\u90e8\u5185\u5bb9\u7684\u5782\u76f4\u4f4d\u7f6e\uff1a<\/p>\n align-top<\/p>\n align-middle \uff08\u5e38\u7528\uff09<\/p>\n align-bottom<\/p>\n \u4f8b\u5b50\uff1a<\/p>\n <td class=”align-middle”>\u5c45\u4e2d\u5185\u5bb9<\/td><\/span><\/p>\n","protected":false},"excerpt":{"rendered":" Bootstrap5 \u8868\u683c\u4fee\u9970\u7c7b (table classes) Bootstrap 5 \u5185\u7f6e\u4e86\u5f88\u591a\u8868\u683c\u4fee\u9970\u7c7b […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[53,52],"tags":[],"class_list":["post-6691","post","type-post","status-publish","format-standard","hentry","category-53","category-52"],"_links":{"self":[{"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/posts\/6691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itoau.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6691"}],"version-history":[{"count":3,"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/posts\/6691\/revisions"}],"predecessor-version":[{"id":6694,"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/posts\/6691\/revisions\/6694"}],"wp:attachment":[{"href":"https:\/\/itoau.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itoau.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itoau.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n<table class=”table”><\/span>
\n<\/table><\/span><\/p>\n
\n1\uff09. \u6761\u7eb9\u884c
\n<table class=”table table-striped”><\/span>
\n<\/table><\/span><\/p>\n
\n<table class=”table table-bordered”><\/span>
\n<\/table><\/span><\/p>\n
\n<table class=”table table-sm”><\/span>
\n<\/table><\/span><\/p>\n
\n<table class=”table table-dark”><\/span>
\n<\/table><\/span><\/p>\n
\n<table class=”table table-hover”><\/span>
\n<\/table><\/span><\/p>\n
\n<td>\u5b8c\u6210<\/td><\/span>
\n<td>100%<\/td><\/span>
\n<\/tr><\/span><\/p>\n