Nwlapcug.com


Come a capo del testo in una tabella in HTML

Come a capo del testo in una tabella in HTML


Ci sono una varietà di modi che è possibile specificare la disposizione del testo in un documento HTML. Questi includono interruzioni di dure, le dichiarazioni di larghezza di colonna e CSS in linea. Disposizione del testo si verifica anche automaticamente in HTML, basato sul più ampio contenuto infrangibile in una colonna, se non vengono specificati nessun altre istruzioni di layout.

Istruzioni

1

Disporre il testo manualmente utilizzando il tag "< br >" per creare un'interruzione di riga dove vuoi. Questo è solo un bene per le tabelle che sono scritti a mano e non sono suscettibili di cambiare, ma fornisce un alto grado di controllo con il minimo sforzo.

2

Dichiarare la larghezza di colonna in tabelle utilizzando l'attributo di "larghezza" dell'elemento HTML "colonna". Questo determinerà quanto largamente è una colonna, che poi risultato in un involucro di testo più vicino prima che punterà come possibile. Per effettuare questa operazione, creare un tag per ogni colonna nella tabella e metterli sotto il tag di apertura del "tavolo". La larghezza può essere dato in pixel o come percentuale dell'elemento padre (cioè, la tabella). Ecco un esempio per una tabella con due colonne cui larghezze sono specificate in pixel:

< table >
< larghezza col = "70" / >
< larghezza col = "250" / >

La prima colonna sarà 70 pixel di larghezza e il secondo sarà 250 pixel di larghezza. Si noti che le istruzioni colonna sempre sono a override da istruzioni riga quando esiste un conflitto.

3

Utilizzare inline CSS per specificare la larghezza della colonna in tabelle. Questo è molto simile come mediante l'elemento della "colonna" in HTML, ma più moderno ed è preferito dai creatori di standard. Per effettuare questa operazione, utilizzare l'attributo di stile "larghezza della colonna" all'interno dell'elemento tabella. Ecco un esempio utilizzando la stessa tabella dal passaggio 2:

< table style = "width: 325px;" >
< stile col = "larghezza della colonna: 70px;" / >
< stile col = "larghezza della colonna: 250px;" / >

Assicurarsi che la larghezza della tabella è uguale alla somma della larghezza delle colonne.