Nustatykite ląstelių užleidimą ir tarpą tarp ląstelių naudodami CSS?

HTML lentelėje cellpadding ir cellspacing galima nustatyti taip:

<table cellspacing="1" cellpadding="1">

Kaip tą patį galima padaryti naudojant CSS?

LAT94
Redaguotas klausimas popietr birželis 2018 в 7:40
Programavimas
html css html-table alignment
priešpietr gruodis 2008 в 8:45
22 peržiūros
table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}
Hemerson Varela
Redaguotas atsakymas popietr liepa 2013 в 8:46
Komentarai (6)

Kiek žinau, lentelės langelių paraščių nustatymas neturi jokio poveikio. Tikrasis CSS atitikmuo cellspacing yra border-spacing, bet jis neveikia Internet Explorer naršyklėje.

Galite naudoti border-collapse: collapse, kad patikimai nustatytumėte tarpą tarp langelių 0, kaip minėta, bet bet kokiai kitai reikšmei, manau, vienintelis tarp naršyklių tinkantis būdas yra toliau naudoti cellspacing atributą.

Peter Mortensen
Redaguotas atsakymas popietr rugpjūtis 2013 в 8:34
Komentarai (3)

Be to, jei norite, kad cellspacing="0", nepamirškite į savo table's stilių lentelę įtraukti border-collapse: collapse.

Komentarai (0)