Q

L'elemento Pesky '<small> non funziona con l'allineamento del testo, deve essere bloccato

2012-11-03 4 views 9 likes

9

Quindi hai provato a centrare l'elemento HTML <small> con la proprietà CSS text-align: center (o right) e non funziona?L'elemento Pesky '<small> non funziona con l'allineamento del testo, deve essere bloccato

small element resisting text-align

Beh, questo potrebbe essere perché il codice HTML/CSS sembra qualcosa like this. C'è una soluzione facile CSS ...

Se si imposta una proprietà small { display: block }like this allora funziona come un fascino:

small element being good

Horay!

Ma probabilmente puoi dire che qualcosa non va ... e perché funziona comunque?

2012-11-03 Baumr

+0

Tipo di strano modo di chiedere/rispondere a una domanda. Forse chiarisci la "domanda" con solo una domanda e aumenta la tua risposta con più informazioni relative alla risposta. IE: non rispondere e "Horay" la tua domanda. –

+2

Non vedo il problema, mentre la domanda è pertinente e la risposta è coerente e arricchisce la conoscenza collettiva. http://blog.stackoverflow.com/2011/07/its-ok-to-ask-and-answer-your-own-questions/ – nicooga

+0

Grazie per i vostri commenti ragazzi. ** Chase **, come intendi? Ho pensato di dividerlo in questo modo era approssimativamente nel mezzo - per andare facile con le persone che trovano questo in cerca di risposte – Baumr

A

risposta

9

Beh, <small> è fondamentalmente un elemento in linea e la proprietà text-align è quello di essere applied to block elements e tramandato elementi bambino in linea (o strings inside).

Effettuando small in un elemento di blocco, si consente il design del testo al suo interno.

Inoltre, il W3 spec definisce l'elemento <small> per essere utilizzato in un contesto fraseggio - analogamente a elementi come <strong>, <b>, <span>, <a>, and so on - che farebbe il same thing in questo caso.

W3 wiki examples suggeriscono di mettere i <small> all'interno <p> tag e stile che - immagino che è la soluzione più semantico, ed ecco the code se avete bisogno di vederlo.

Perché questo è un po 'di confusione?

Bene, alcune risorse di terze parti sul Web non ne parlano, o almeno non esplicitamente. Ad esempio, lo HTML5 Doctor's example utilizza l'elemento small senza un contenitore di elementi di blocco attorno ad esso.

La speranza che chiarisce le cose! Come sempre, per favore fatemi sapere se ho perso qualcosa. (E penso di averlo fatto.)

2012-11-03 02:26:35 Baumr

+2

ha ragione. Stai cercando di utilizzare un elemento in linea come elemento di blocco. B/c non è un blocco per impostazione predefinita, lo stai forzando con "display: block". La stessa cosa vale anche per i tag . – heyjohnmurray

Problemi correlati