Ik ben niet nieuw in HTML, maar heb het al een tijdje niet meer aangeraakt en ik ben een vervelend probleem tegengekomen.
Ik heb een tabel met twee rijen.
Ik wil dat de eerste rij één kolom heeft – betekent dat deze de hele rij beslaat, en ik wil dat de tweede rij drie kolommen heeft, elk 33,3% van de breedte van de rij.
Ik heb deze code voor de tabel:
<table width="900px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">check</td>
</tr>
<tr>
<td align="center">check</td>
<td align="center">check</td>
<td align="center">check</td>
</tr>
</table>
Maar wat er gebeurt is raar, de eerste rij heeft één kolom met dezelfde grootte als de eerste kolom van de tweede rij, en als ik er een verander, verandert de andere ook.
Als ik de <td>
van de eerste rij de breedtewaarde van 500px
geef, dan wordt de eerste <td>
naar dezelfde maat.
Wat doe ik verkeerd?
Antwoord 1, autoriteit 100%
U moet het kenmerk colspan
gebruiken op de td van de eerste rij.
Colspan="3"
stelt de cel in om over 3 kolommen te stromen.
<table width="900px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" colspan="3">check</td>
</tr>
<tr>
<td align="center">check</td>
<td align="center">check</td>
<td align="center">check</td>
</tr>
</table>
Antwoord 2, autoriteit 7%
U wilt het kenmerk colspan
als volgt gebruiken:
<table width="900px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" colspan="3">check</td>
</tr>
<tr>
<td align="center" >check</td>
<td align="center">check</td>
<td align="center">check</td>
</tr>
</table>
Antwoord 3, autoriteit 4%
U kunt colspan gebruiken
<td align="center" colspan="3">check</td>
http://www.w3schools.com/tags/att_td_colspan.asp
Antwoord 4, autoriteit 4%
Als je JSX(React) gebruikt, moet het als volgt worden geschreven. De s
in colspan
wordt met een hoofdletter geschreven en de waarde is een getal in plaats van een tekenreeks.
<td colSpan={3}>Text</td>
Antwoord 5
Colspan als volgt gebruiken:
<tr>
<td align="center" colspan="3">check</td>
</tr>
Met colspan voeg je de volgende cellen op een rij samen tot één. Als u 2 in uw voorbeeld gebruikt, krijgt u één cel met een breedte van de eerste twee kolommen en de derde is als de derde in de rest van de tabel.
Antwoord 6
verander de eerste rij met de onderstaande
<tr>
<td colspan="3" align="center">check</td>
</tr>