Ho una tabella di questo tipo:
con quel css la tabella diventa
alcuni bordi della tabella si sovrappongono o rimangono degli spazi tra una colonna e un'altra c'é un modo per renderla più pulita?
grazie
HTML:
<style>
table{width:100%;border: 1px solid black;border-collapse: collapse;}
table td{border: 1px solid black;padding: 0.2em;overflow-x: auto;display: block;}
</style>
<table>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td></tr>
<tr><td>f</td><td>g</td><td>h</td><td>i</td><td>l</td></tr>
</table>
con quel css la tabella diventa
HTML:
<table>
<tr><td>a</td></tr>
<tr><td>b</td></tr>
<tr><td>c</td></tr>
<tr><td>d</td></tr>
<tr><td>e</td></tr>
<tr><td>f</td></tr>
<tr><td>g</td></tr>
<tr><td>h</td></tr>
<tr><td>i</td></tr>
<tr><td>l</td></tr>
</table>
alcuni bordi della tabella si sovrappongono o rimangono degli spazi tra una colonna e un'altra c'é un modo per renderla più pulita?
grazie