L'uso del CSS nel mezzo: il testo e la tabella
mondo dell'informazione in tutti i suoi elementi ed è rappresentata da ravvicinamento degli elementi, parole e testi, o in ultima istanza formalizzate – testi e tabelle. Si può considerare altri, già noti, strutture di dati, così come le immagini, ma di utilizzare i problemi CSS e HTML in termini di formattazione del testo altre forme di informazione hanno un atteggiamento diverso.
Struttura propria pagina sito comporta la determinazione della posizione di ciascun elemento. HTML-documento è sempre – una sequenza di elementi in esposizione è direttamente influenzato da tre regole fondamentali:
- posizionamento assoluto (posizione);
- posto in un ruscello;
- z-index.
Altre opzioni di alloggio sono anche importanti, richiedono più conoscenze per risolvere il problema con i CSS "al centro del testo."
regole di centraggio e allineamento
regole CSS completano il documento HTML, ma senza diritto di quest'ultimo può far fronte a qualsiasi opzione di allineamento. L'ubiquità di dispositivi mobili e la progettazione delle cure in direzione di una maggiore semplicità e "quadratura" rende il numero attuale di centraggio, mentre l'altro allineamento spesso perde valore.
L'elemento principale della pagina – Unità descritto certo stile. Generalmente orizzontale di allineamento: text-align può prendere, come è successo solo quattro valori (sinistra, centro, destra, giustificare). È possibile eseguire un allineamento verticale combinando il valore dell'altezza destra e line-height:
{
altezza: 88 x; // a questo rapporto
line-height: 88 pixel; // css per il Centro di testo – verticale
}
Si può sperimentare con regole diverse. ; Le fonti trovato menzione circa l'interpretazione delle regole di visualizzazione blocco: tavolo, display: table-cell e vertical-align: middle; ma non sempre funziona.
L'allineamento del testo da tavoli
L'unica struttura di dati che è stato quello di essere capito prima e vivere per sempre – tavolo. Che fornisce e l'allineamento verticale e orizzontale, in aggiunta, la questione di come inserire il testo nel centro CSS, utilizzando le tabelle non hanno più un significato complesso.
La prassi di utilizzare regole CSS per raggiungere uno scopo particolare nel markup non sempre soddisfa il concetto di fogli di stile. Nulla impedisce lo sviluppatore eseguire l'allineamento in qualsiasi direzione inserendo contenuto nella cella centrale della tabella di tre colonne e tre righe.
Questa decisione non è standard, ma efficace. Invece di un lungo e meticoloso risolvere il problema della pagina di cross-browser o si aspettano i margini a sinistra, a destra, e così via. È possibile utilizzare le trite larghezza percentuale di riga e le altezze delle celle nelle tabelle.
Allineamento tramite JavaScript
La domanda "Come inserire il testo centrato nel HTML" algoritmo di soluzione elementare, lingua del browser, e ha un design molto più pratico e spettacolare.
Progettazione File Style già andato a regime, e quasi tutti i sistemi di gestione dei contenuti che si rispetti offre allo sviluppatore imposta stili per tutte le occasioni. Ma la vita richiede sempre concreta: è necessario di volta in volta da zero per pensare, come è con il testo CSS nel posto centrale. Opzione per scopi di allineamento nell'unità, "incollato" al lato della pagina, ma perché ho la dimensione, poco adatto menu a tendina blocco, che è costruito da elementi diversi.
Visibile centrato – non è sempre facile da bloccare, originariamente conosciuto, dove il lato sinistro e il numero di pixel a destra, dove la parte superiore, e non garantiscono che il fondo – è la linea su cui deve eseguire l'allineamento verticale.
Una tendenza che lo stile deve essere determinata dal contenuto. I siti più sono informazioni turistiche, il visivo e sonoro – unica aggiunta al testo normale. Che i personaggi sono desiderati contenuti (questo non si applica ai siti web di arte, pittura, musica, etc.) – è una questione di informazioni necessarie al visitatore.
Caratteristiche presentazione del testo e HTML
E 'successo che un elemento inscindibile del contenuto della pagina – il testo, e non la parola. Semantica – è la competenza dello sviluppatore (il proprietario del sito). In realtà il testo può essere presentata in un tag, che è una frase naturale può essere non solo una sequenza di caratteri, e la sequenza di tag che contengono caratteri. Da ciò ne consegue che il CSS "duro" "al centro del testo" può inserire solo in casi semplici.
richiesta di estradizione del server per il browser è molto ampia e contiene molti elementi, non sempre legate a ciò che verrà visualizzato. Nel progettare il layout della pagina è importante porre l'accento in termini di presentazione, in particolare l'allineamento. Qualcosa di meglio da fare sul server che un client che è nel browser. Non sempre contare su regole CSS, concentrarsi sul risultato finale è molto più pratico.