HTML <tbody> ປະເພດ

ການສະແດງ ແລະ ການນໍາໃຊ້

<tbody> ແມ່ນປະກອບມືທີ່ຈະຈັດກົດລະບຽບຂອງຂອງ <thead> ແລະ <tbody> ໃນ HTML ກາງແຜ່ນ

<tbody> ປະກອບມືທີ່ <thead> ແລະ <tfoot> ປະກອບມືທີ່ຮ່ວມມືກັນ, ເພື່ອກຳນົດຂອງບາງສ່ວນຂອງກາງແຜ່ນ (ກາງແຜ່ນ, <thead>, <tfoot>)

ປະກອບມືທີ່ຢູ່ໃນປະກອບມື <thead> ແລະ <tfoot> ສາມາດນຳໃຊ້ເພື່ອຫຼົບຫຼັງແຜ່ນຂອງກາງເວລາທີ່ພິຈະລະນາບັນທຶກບັນທຶກສາຍ. ພ້ອມກັນທີ່ພິຈະລະນາບັນທຶກສາຍທີ່ຍົກສະຫຼາກຫຼາຍເບື້ອງໄປ, ການຈັດກົດລະບຽບທີ່ຢູ່ໃນ <thead> ແລະ <tfoot> ສາມາດຈະຫຼົບຫຼັງແຜ່ນຂອງກາງແຜ່ນທີ່ສາມາດຈະຖືກບັນທຶກຫຼັງໄປໃນຕົ້ນກົດລະບຽບແລະບັນທຶກຫຼັງໄປໃນກາງກົດລະບຽບ

ເຫັນດີ:<tbody> ປະກອບມືທີ່ຢູ່ໃນ <tr> ປະກອບມື。

<tbody> ຕໍ່າກັບ <table> ປະກອບມືສຳລັບ <caption>、<colgroup> ແລະ <thead> ພາຍຫຼັງປະກອບມືຂອງ

ຄຳແນະນຳ:ໂດຍການກະຈາຍການຈັດກົດລະບຽບ <thead>、<tbody> ແລະ <tfoot> ທີ່ກໍາລັງການຈັດກົດລະບຽບ <thead>、<tbody> ແລະ <tfoot> ບໍ່ມີຜົນຕໍ່ກັບການຈັດກົດລະບຽບກາງແຜ່ນ (ເບິ່ງບັນທຶກໃຫ້ໃຫ້ກໍ່ຕາມ)

ຄວາມສະເພາະ

ຄວາມຈິງ 1

HTML ກາງທີ່ບັນຈຸ <thead>、<tbody> ແລະ <tfoot>:

<table>
  <thead>
    
      月份
      储蓄
    
  </thead>
  <tbody>
    
      一月
      ￥3400
    
    
      二月
      ￥4500
    
  
  <tfoot>
    
      <td>ຄັດວຽນ</td>
      <td>￥7900</td>
    
  </tfoot>

亲自试一试

ຄວາມຈິງ 2

ນຳໃຊ້ CSS ທີ່ຈະຈັດກົດລະບຽບ <thead>、<tbody> ແລະ <tfoot>:

<html>
<head>
<style>
thead {color: green;}
tbody {color: blue;}
tfoot {color: red;}
table, th, td {
  border: 1px solid black;
}
</style>
</head>
<body>
<table>
  <thead>
    
      月份
      储蓄
    
  </thead>
  <tbody>
    
      一月
      ￥3400
    
    
      二月
      ￥4500
    
  
  <tfoot>
    
      <td>ຄັດວຽນ</td>
      <td>￥7900</td>
    
  </tfoot>

亲自试一试

ຄວາມຈິງ 3

ບວກຄູ່ວມວັດຖຸ <tbody> ຂອງຂໍ້ມູນ (ນຳໃຊ້ CSS):

<table style="width:100%">
  <thead>
    
      月份
      储蓄
    
  </thead>
  <tbody style="text-align:right">
    
      一月
      ￥3400
    
    
      二月
      ￥4500

亲自试一试

ຄວາມຈິງ 4

ບວກຄູ່ວມວັດຖຸຕັ້ງຢູ່ທີ່ທາງຂວາງ <tbody> ຂອງຂໍ້ມູນ (ນຳໃຊ້ CSS):

<table style="width:50%;">
  
    月份
    储蓄
  
  
    
      一月
      ￥3400
    
    
      二月
      ￥4500

亲自试一试

全局属性

<tbody> 标签还支持 HTML 中的全局属性。

事件属性

<tbody> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <tbody> ປະເພດ:

tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

ການສະໜັບສະໜູນບັນດາຄົນໃຊ້

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ