Come per centrare una larghezza fissa Div Tag

November 9

Come per centrare una larghezza fissa Div Tag


Cascading Style Sheets è il linguaggio tipicamente utilizzato nella codifica sito web per aggiungere caratteri dinamici, stili e colori per le pagine Web. "Div" tag sono una parte importante di CSS, comunemente usato per aggiungere elementi grafici a un sito web. Essi consentono di aggiungere strati complessi di immagini o testo grafico a strati più semplici di codice. Si può pensare di div come blocchi di contenuto che sono posizionabili all'interno o sopra il resto del codice CSS. Una volta creato un tag div a larghezza fissa, è possibile centrare usando i CSS.

istruzione

1 Aprire il file foglio di stile della pagina Web nel vostro programma di editing HTML. A seconda del programma, come aprire il foglio di stile varia. In molti programmi, fare clic su "codice sorgente" o "HTML" e quindi su "CSS" o "Style". Se non è possibile determinare come aprire il foglio di stile nel programma, premere il tasto "F1"; questo apre un menu di aiuto nella maggior parte dei programmi di Windows.

2 Individuare il tag div a larghezza fissa nel codice CSS. Questo è un esempio di codice per un tag div con una larghezza di 500 pixel: div # main {width: 500px; }

3 Aggiungere sinistra automatico e margini destro all'interno del bracketing div. Questo centra il div nella pagina Web. Nell'esempio di un div 500 pixel, il codice per margini automatici è il seguente: div # main {width: 500px; margin-left: auto; margin-right: auto}. Il codice automatica del margine si applica a div di qualsiasi dimensione o forma.

4 Salvare le modifiche e uscire dal file foglio di stile.