Recentemente ho scoperto che ho bisogno di usare l'attributo cellspacing nella mia tabella, ma mi chiedevo se riuscivo a farlo funzionare solo in orizzontale. Non voglio che si diffonda verticalmente, che rovina il layout di tutta la mia pagina.Come si applica solo la spaziatura orizzontale delle celle a una tabella HTML?
risposta
Un metodo migliore dell'impostazione di cellspacing="10"
consiste nell'utilizzare i CSS. Puoi utilizzare il seguente CSS per scegliere come target la spaziatura delle celle della tabella.
table {
border-spacing: 10px 0;
}
Il primo valore specifica la spaziatura orizzontale e il secondo valore specifica la spaziatura verticale.
Il 'border- la proprietà spacing' non è riconosciuta da IE 8 e precedenti. –
Questo non funziona per me in Chrome. Un bordo trasparente come descritto qui: http://stackoverflow.com/questions/656207/css-horizontal-table-cell-spacing-how –
devi anche aggiungere "border-collapse: separate;" perché funzioni – jtate
Se avete solo bisogno di impostare cellulari contenuti a parte, Usa spaziatura all'interno delle cellule (e impostare cellspacing=0
in HTML). Questo è universalmente supportato dai browser abilitati per CSS.
Se è davvero necessario separare le celle stesse, in modo che ci sia spazio tra i loro bordi o il loro sfondo colorato, quindi risolverebbe il problema, ma solo nel supporto dei browser.
A seconda del contesto, è possibile anche considerare la simulazione della spaziatura delle celle inserendo il contenuto delle celle in un div
, impostato per coprire l'area della cella eccetto il riempimento desiderato, che apparirà quindi come spaziatura tra le celle. Dovresti quindi impostare qualsiasi bordo o sfondo desiderato su quegli elementi div
.
- 1. Cella di tabella orizzontale CSS spaziatura: come?
- 2. Modifica solo la spaziatura orizzontale tra le faccette (ggplot2)
- 3. trascinando celle della tabella html
- 4. La spaziatura dei bordi della tabella CSS all'interno solo
- 5. Come nascondere la colonna nella tabella delle celle GWT?
- 6. Come evitare la dilatazione della tabella html
- 7. Manipolare i bordi delle celle in una tabella utilizzando solo in linea css
- 8. Possibile spaziatura della tabella della tabella iTextSharp?
- 9. Applica la formattazione del numero a Pandas Stile CSS HTML
- 10. Come si applica jquery-ui a una vista Backbone.js?
- 11. ValueError in matplotlib quando si usa \: LaTeX spaziatura orizzontale
- 12. La legge di Demeter si applica solo ai metodi?
- 13. Come impostare la spaziatura UICollectionViewCell dinamica
- 14. applica css a html ma non iframe html
- 15. Impostazione del contenuto delle celle tabella basata su larghezza disponibile
- 16. Come si applica la formattazione condizionale utilizzando datatables.js?
- 17. Come si applica una patch a ruby su rail?
- 18. Orgmode Tabella formattazione di celle
- 19. Come modificare la spaziatura delle lettere di UILabel/UIFont?
- 20. Come aggiungere dinamicamente una nuova colonna a una tabella HTML
- 21. Si applica cross LINQ a SQL
- 22. Gmail Email Spaziatura tabella
- 23. Come si applica una scala a un `pennello` d3 v4.0?
- 24. Evidenziando la riga cliccato di una tabella HTML a righe
- 25. Come si applica a VCLStyle per TLinkLabel
- 26. TABELLA senza bordi di celle verticali
- 27. Come rendere ListView larghezza larghezza delle celle
- 28. Come posizionare una tabella HTML?
- 29. L'attributo __ si applica a tutte le variabili in una dichiarazione?
- 30. come stampare le celle di una tabella con dom html semplice
possibile duplicato di [Come impostare cellepazia nelle tabelle solo orizzontalmente] (http://stackoverflow.com/questions/12970826/how-to-set-cellspacing-in-tables-only-horizontally) –