È possibile avere una cella di riempimento in una sola cella rispetto all'intera tabella html?Cellpadding in una cella di tabella html
risposta
Proprio lo stile della cella usando i CSS:
<table border='1'>
<tr>
<td style="padding: 50px;">cell1</td>
</tr>
<tr>
<td>cell2</td>
</tr>
</table>
Sfortunatamente no, se ci si riferisce all'uso di <table cellpadding="0">
, poiché si tratta di un'impostazione a livello di tabella. Se vuoi applicare il padding a una sola cella, dovrai aggiungere una classe e assegnarla a tale valore in modo proporzionale allo padding
.
Per l'uso in styling una e-mail a volte è difficile da raggiungere con i CSS padding se si desidera che la posta sia coerente in tutti i programmi di posta elettronica, in particolare Outlook. Se non si desidera utilizzare css, una soluzione alternativa consiste nel mettere una nuova tabella intera con una riga e una cella nella cella a cui si desidera applicare il riempimento. Quindi applica il padding a quella tabella 'una cella'.
Nell'esempio riportato nella domanda a questo diventerebbe:
<table border='1'>
<tr>
<td>
<table cellpadding="50">
<tr>
<td>cell1</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>cell2</td>
</tr>
</table>
Si può provare questo css.
tabella utilizzando div
HTML
<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell">1</div>
<div class="divTableCell splcell">2</div>
<div class="divTableCell">3</div>
</div>
<div class="divTableRow">
<div class="divTableCell">4;</div>
<div class="divTableCell">5</div>
<div class="divTableCell">6;</div>
</div>
</div>
</div>
CSS
.divTable{
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}
.splcell{
background:red;
color:#fff;
font-weight:bold;
text-align:center;
padding: 5px;
}
utilizzando la classe 'splcell' siamo in grado di stile della singola cella.
.splcell{
background:red;
color:#fff;
font-weight:bold;
text-align:center;
}
- 1. html cellpadding il lato sinistro di una cella
- 2. Dividere una cella di tabella in due colonne in HTML
- 3. Adatta immagine alla cella di tabella [Pure HTML]
- 4. HTML CSS Come interrompere una cella di tabella dall'espansione
- 5. altezza Fix di una riga di tabella in tabella HTML
- 6. Testo verticale in IE all'interno di una cella di tabella
- 7. Popolare tabella HTML con dati MySQL (più immagini per una cella di tabella)
- 8. tabella html con barra che divide la cella di sinistra
- 9. Tabella nidificata iText all'interno di una cella
- 10. linee multiple in una cella di una tabella
- 11. Selezionare una casella di controllo in una cella di tabella facendo clic in qualsiasi punto della cella della tabella
- 12. Come utilizzare un UIWebView in una cella di tabella?
- 13. Come utilizzare cellpadding e cellspacing su HTML5?
- 14. Ruota verticalmente il testo all'interno di una cella di intestazione di tabella HTML
- 15. È valida una tabella html all'interno di una tabella?
- 16. Come posso creare una cella di tabella multilinea in iOS?
- 17. Come far espandere td (cella) dalla tabella html per far rientrare la riga in una riga?
- 18. HTML - Abilita scorrimento all'interno delle cellule di una tabella
- 19. Cella di tabella orizzontale CSS spaziatura: come?
- 20. Incoerenza cella tabella di visualizzazione.
- 21. Come evitare un'interruzione di riga in una colonna di una cella di tabella (non una singola cella)?
- 22. Centra allinea una tabella HTML
- 23. Come creare una tabella HTML in linea
- 24. Adatta una tabella html in formato A4
- 25. Scraping una tabella HTML in Common Lisp?
- 26. Inserimento codice html in una tabella mysql
- 27. Allineamento della cella di tabella con rowspan
- 28. Come posizionare una tabella HTML?
- 29. DIV tratto di altezza 100% in una cella
- 30. Modo per fare textarea riempire l'intera cella in una tabella
Sì. questa è la correzione che dobbiamo affrontare con una faccia dura. –