Come fare una barra di scorrimento in una tabella con HTML

August 15

Come fare una barra di scorrimento in una tabella con HTML


Le tabelle sono strumenti utili in HTML per la conservazione dei dati formattati in modo specifico. A volte le tabelle contengono grandi quantità di dati che non si può desiderare occupare l'intero schermo. In questi casi, è possibile aggiungere una barra di scorrimento a una tabella che è impostato su una dimensione specifica. Un visitatore può scorrere tutto il testo che si sceglie di aggiungere, ma il tavolo rimarrà sempre la stessa dimensione.

istruzione

1 Aprire la pagina Web che si desidera modificare in un programma di editing HTML o testo.

2 Immettere il seguente codice nella sezione corpo del HTML:

<Table>

<Tr>

<Td>

3 Aggiungere il seguente codice dopo il <td> codice per la cella:

<Div style = "width: 200px; height: 100px; overflow: auto;">

4 Modificare la larghezza e l'altezza per le dimensioni che si desidera che il cellulare scorrevole di essere.

5 Inserire i dati che si desidera all'interno del tavolo scorrevole.

6 Aggiungere il codice </ div> dopo i dati.

7 Chiudere la tabella con il seguente codice:

</ Td>

</ Tr>

<Table>

8 Salvare il file. La cella di una tabella che hai specificato sarà ora scorrevole.

Consigli e avvertenze

  • Un esempio di codice tavolo scorrevole:
  • <Table>
  • <Tr>
  • <Td>
  • <Div style = "width: 200px; height: 100px; overflow: auto;">
  • Questo è dove tutti i contenuti della tabella vanno. <P>
  • Aggiungete un po 'più contenuti, e sempre di più e di più. <P>
  • Invece di crescere più grande, con tutto di questo testo, la tabella avrà una barra di scorrimento.
  • </ Div>
  • </ Td>
  • </ Tr>
  • </ Table>