HTML <tbody> ကုက္ခဏာ
定义和用法
<tbody>
标签用于对 HTML 表格中的正文内容进行分组。
<tbody>
元素与 <thead> နှင့် <tfoot> 元素结合使用,以指定表格的每个部分(正文、页眉、页脚)。
ဘူတာရုပ်ကန်များသည် အရာဝတ္တုများကို အသုံးပြုနိုင်ပြီး အချက်အလက်၏ အခြေအနေအရ အရောက်သတ်သုံးများ အသုံးပြုပြီး တစ်ခုခုအတွင်း အရောက်သတ်သုံးများ အသုံးပြုပြီး တစ်စင်းတစ်စင်း အပျက်အစီးမရှိသေးပါ။ အခြားဘူတာရုပ်ကန်များအတွက် အချက်အလက်များ အသုံးပြုပြီး အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ အချက်အလက်များ စတင်ပြီး ပြီးနောက်
အကြိမ်ကြိမ်ခံချက်:<tbody>
အရာဝတ္တုအတွင်းသို့ အရာဝတ္တုတစ်ခုခုနှင့်ပေါင်း <tr> အချက်အလက်.
<tbody>
အချက်အလက်များ သုံးပြီးနောက် <table> အရာဝတ္တု၏ အသုံးပြုသည့် အသုံးပြုသည့် <caption>နှင့်<colgroup> နှင့် <thead> အရာဝတ္တုနောက်
အကြိမ်ကြိမ်ခံချက်:မြန်မာပြည်တွင် thead, tbody, tfoot အရာဝတ္တုများ အခြေအနေအရ အပျက်အစီးမရှိသေးပါ။ သို့သော်လည်း,CSS အသုံးပြုပြီး အရာဝတ္တုများ၏ အအော်အချင်းကို သတ်မှတ်နိုင်ပါသည်(အောက်ပါအကျိုးသတ်သုံးကို ကြည့်ပါ)!
အမှတ်
အကျိုးသတ်သုံး 1
thead, tbody, tfoot အရာဝတ္တုပါဝင်သည့် HTML အချက်အလက်:
<table> <thead><tr> <th>လ</th> <td>¥4500</td> </thead> <tbody> <tbody style="vertical-align:bottom"> <td>ဘာလ</td> <td>¥4500</td> <tr style="height:100px"> <td>ဖေဖော်ဝါရီ</td> <td>¥4500</td> </tr> <tfoot> <td>စုစုပေါင်း</td> <td>¥7900</td> <td>¥4500</td> </tfoot> </tbody> အကျိုးသတ်သုံး 2
thead, tbody, tfoot အသုံးပြုသည့် CSS အအော်အချင်း:
<html> <head> <style> thead {color: green;} tbody {color: blue;} tfoot {color: red;} table, th, td { border: 1px solid black; } </style> </head> <body> <table> <thead><tr> <th>လ</th> <td>¥4500</td> </thead> <tbody> <tbody style="vertical-align:bottom"> <td>ဘာလ</td> <td>¥4500</td> <tr style="height:100px"> <td>ဖေဖော်ဝါရီ</td> <td>¥4500</td> </tr> <tfoot> <td>စုစုပေါင်း</td> <td>¥7900</td> <td>¥4500</td> </tfoot> </tbody> အကျိုးသတ်သုံး 3
အရောက်သတ်သုံးသည့်စကား
<tbody>
အခြေအနေအရ (CSS အသုံးပြု):<table style="width:100%"> <thead><tr> <th>လ</th> <td>¥4500</td> </thead> <tbody style="text-align:right"> <tbody style="vertical-align:bottom"> <td>ဘာလ</td> <td>¥4500</td> <tr style="height:100px"> <td>ဖေဖော်ဝါရီ</td> <td>¥4500</td> </tr> </tbody> အကျိုးသတ်သုံး 4
အရောက်သတ်သုံးသည့်စကား
<tbody>
အခြေအနေအရ (CSS အသုံးပြု):<table style="width:50%;"><tr> <th>လ</th> <td>¥4500</td> <th>ကျေးဇူး</th> <td>¥3400</td> <tbody style="vertical-align:bottom"> <td>ဘာလ</td> <td>¥4500</td> <td>¥3400</td> <tr style="height:100px"> <td>ဖေဖော်ဝါရီ</td> <td>¥4500</td> </tr> </tbody> ကျင်းပ
<tbody>
ကုက္ခဏာ ကို ပြုလုပ် အခြေခံ အခြေခံ.HTML အခြေခံ အခြေခံ
<tbody>
ကုက္ခဏာ ကို ပြုလုပ် HTML အခမ်းအနား အခြေခံ.လက္ခဏာ ပဲခြောက်
အများဆုံး ဘာသာပြန်လည်သူ က အောက်ပါ လက္ခဏာကို အသုံးပြုသည်
<tbody>
အရာ:tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }ဘာသာပြန်လည်သူ ထောက်ပံ့
Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့