cari

Rumah  >  Soal Jawab  >  teks badan

HTML biasa tanpa CSS: Colspan tidak berfungsi dengan betul dalam th/td, konsisten merentas semua baris

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粉899950720P粉899950720232 hari yang lalu429

membalas semua(1)saya akan balas

  • P粉011360903

    P粉0113609032024-04-01 10:46:55

    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!

    balas
    0
  • Batalbalas