HTML biasa tanpa CSS: Colspan tidak berfungsi dengan betul dalam th/td, konsisten merentas semua baris
P粉899950720
P粉899950720 2024-03-31 17:28:21
0
1
335

Saya tidak faham mengapa saya colspan tidak berfungsi. Saya mempunyai penyelesaian CSS tetapi saya hanya keliru mengapa ini tidak berfungsi. Lebar lajur pertama hendaklah 1/3 daripada lajur lain, dengan colspan="1" pada lajur pertama dan td, dan colspan="3" pada semua lajur lain.

Apl ini adalah untuk papan pendahulu, jadi lajur pertama akan mengandungi nombor kedudukan (1, 2, 3...) dan perlu lebih sempit daripada lajur berikutnya.

Sudah tentu anda boleh menggunakan class="colspan-3"class="colspan-1" 以及 css colspan-1{width:4.5%} colspan-3{width:13.5%} 来解决 atau apa-apa keputusan matematik...tetapi, saya benar-benar ingin tahu apa yang berlaku.

Menambah butiran kerana saya rasa soalan ini akan membantu seseorang pada masa hadapan:

Pada masa itu, saya fikir saya boleh menggunakan colspan untuk unit relatif, pada asasnya dengan menjadikan lebar setiap lajur berbanding dengan lajur lain. Masalah yang saya hadapi ialah setiap lajur mempunyai unit yang sama. Ia hanya berfungsi pada sel individu dalam lajur dan pada asasnya serupa dengan ciri "Gabung" dalam Microsoft Excel.

<table border="2">
  <thead>
    <tr>
      <th colspan="1">th1 colspan1</th><!-- colspan=1 here -->
      <th colspan="3">th2 colspan3</th>
      <th colspan="3">th3 colspan3</th>
      <th colspan="3">th4 colspan3</th>
      <th colspan="3">th5 colspan3</th>
      <th colspan="3">th6 colspan3</th>
      <th colspan="3">th7 colspan3</th>
      <th colspan="3">th8 colspan3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td colspan="1">td1 colspan1</td><!-- colspan=1 here -->
      <td colspan="3">td2 colspan3</td>
      <td colspan="3">td3 colspan3</td>
      <td colspan="3">td4 colspan3</td>
      <td colspan="3">td5 colspan3</td>
      <td colspan="3">td6 colspan3</td>
      <td colspan="3">td7 colspan3</td>
      <td colspan="3">td8 colspan3</td>
    </tr>
  </tbody>
</table>

P粉899950720
P粉899950720

membalas semua(1)
P粉011360903

Terima kasih @Ouroborus, saya fikir saya gila, tetapi selepas hampir sedekad menggunakan HTML setiap hari, jelas masih ada perkara yang perlu dipelajari.

colspan tidak akan berfungsi jika semua sel dalam lajur ditetapkan kepada bilangan lajur yang sama untuk rentang, seperti yang ditakrifkan di sini: https://developer.mozilla.org/en-US/docs/Web/HTML /Element/td

Terima kasih sekali lagi Ouroborus kerana mengesan salah faham saya!

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!