Cum să controlați distanța dintre celule într-o masă folosind css

Alo Tabelul ca element are propriile sale caracteristici, care o deosebesc foarte mult de blocurile mai familiare. Astăzi aș dori să vorbesc despre modul în care distanța dintre celulele din tabel este scrisă în css.







Diferențe cu modelul blocului

Pentru a specifica distanța dintre blocuri, utilizați de obicei liniuțe exterioare, dar în cazul celulelor acest lucru nu funcționează. Se poate prescrie o indentare internă a celulelor, dar cele externe nu sunt.

Aceasta pare să fie o problemă minoră, dar, în mod implicit, celulele din tabel nu sunt situate aproape una de cealaltă, dar cu mici indentări care nu sunt întotdeauna necesare. Cum să le eliminați?

Cum să controlați distanța dintre celule într-o masă folosind css

Proprietate de spațiere la limită

Proprietatea care este utilizată în css, în mod specific pentru datele de tabel - spațierea granițelor - vine la salvare. După cum se poate înțelege din titlu, acesta definește spațiul liber (linii) din fiecare celulă.







Un punct important: trebuie să setați spațiul de margine la întreaga masă. Asta este, astfel:

Prin această regulă, eliminăm distanța dintre celule și acum sunt presate împreună. În consecință, în pixeli puteți specifica această distanță, dacă este necesar.

Cum să controlați distanța dintre celule într-o masă folosind css

Poate fi puțin neobișnuit ca proprietatea să fie setată pentru selectorul de mese, dar aceasta este o astfel de caracteristică a tabelului, trebuie doar să-l amintiți. Proprietatea nu va funcționa dacă masa este, de asemenea, setată la colaps de frontieră: restrângere. În acest caz, celulele sunt retrase automat de indentarea exterioară și nu este nevoie de distanțe la frontieră.

O modalitate învechită de a specifica indentarea exterioară a celulelor

Anterior, pentru etichetă

atributul cellspacing a fost adăugat. care definește indentarea, dar astăzi această metodă nu este recomandată. Acest lucru împiedică codul și nu respectă standardele moderne de dezvoltare web.

Problema este că indicele se referă la apariția unui element, iar html nu este potrivit pentru această afacere. Standardele sunt sigure că CSS ar trebui să răspundă în principiu pentru acest lucru.

După cum puteți vedea, în css distanța dintre celulele tablei poate fi îndepărtată cu totul, sau puteți controla folosind proprietatea de spațiu de frontieră. Asta e tot pentru ziua de azi. Dacă sunteți interesat de tema construirii site-urilor, abonați-vă să fiți conștienți de materiale noi de pe site.

Ați putea fi, de asemenea, interesat







Articole similare

Trimiteți-le prietenilor: