nervtötende lil‘ Element nicht mit text-align arbeiten muss, blockiert werden

So haben Sie versucht, das  HTML-Element mit der CSS-Eigenschaft text-align: center (oder right) zum Zentrum und es nicht funktioniert?nervtötende lil‘ Element nicht mit text-align arbeiten muss, blockiert werden

small element resisting text-align

Nun, das könnte sein, weil Sie Ihre HTML/CSS etwas like this aussieht. Es gibt eine einfache CSS-Lösung ...

Wenn Sie eine small { display: block } Eigenschaft like this dann wie ein Zauber funktioniert:

small element being good

Horay!

Aber Sie können wahrscheinlich sagen, etwas stimmt nicht ... und warum funktioniert es überhaupt?

Quelle

2012-11-03 Baumr

Eine Art seltsamer Art, eine Frage zu stellen/zu beantworten. Vielleicht klären Sie die "Frage" nur mit einer Frage und ergänzen Sie Ihre Antwort mit mehr Informationen zur Antwort. IE: Antworte nicht und "Horay" deine Frage. –

Ich sehe das Problem nicht, während die Frage relevant ist und die Antwort kohärent ist und das kollektive Wissen bereichert. http://blog.stackoverflow.com/2011/07/its-ok-to-ask-and-answer-your-own-questions/ – nicooga

Vielen Dank für Ihre Kommentare Jungs. ** Chase **, wie meinst du das? Ich dachte, ich würde es so aufteilen, als wäre es ungefähr in der Mitte - um Leute zu beruhigen, die das auf der Suche nach Antworten finden – Baumr

Nun,  ist im Grunde ein Inline-Element und die text-align Eigenschaft ist applied to block elements zu sein und weitergegeben zu Kind Inline-Elementen (oder strings inside).

Indem wir small zu einem Blockelement machen, lassen wir den darin enthaltenen Text formatieren.

Auch die W3 spec definiert die  Element innerhalb eines phrasing Zusammenhang verwendet werden - ähnlich wie bei Elementen wie , , , <a>, and so on - die die same thing in diesem Fall tun würde.

W3 wiki examples schlagen die  innerhalb  Tags und Stil zu setzen, dass - ich denke, dass die semantische Lösung, ist und hier ist the code, wenn Sie es sehen müssen.

Warum ist das ein bisschen verwirrend?

Nun, einige Drittanbieter-Ressourcen im Internet erwähnen es nicht, oder zumindest nicht explizit. Zum Beispiel verwendet HTML5 Doctor's example das Element small ohne einen Blockelement-Container um es herum.

Hoffe, dass die Dinge klarstellt! Wie immer, lass es mich wissen, wenn ich etwas verpasst habe. (Und ich denke, dass ich das tat.)

Quelle

2012-11-03 02:26:35 Baumr

ist richtig. Sie versuchen, ein Inline-Element als Blockelement zu verwenden. B/c es ist nicht Block standardmäßig, Sie zwingen es mit "display: block". Das gleiche gilt für Tags. – heyjohnmurray

nervtötende lil‘<small> Element nicht mit text-align arbeiten muss, blockiert werden

Antwort

Verwandte Themen