Pesky lil” element nie pracuje z text-align, musi być zablokowane

Więc próbowałem wyśrodkować element  HTML z właściwością CSS text-align: center (lub right) i to nie działa?Pesky lil” element nie pracuje z text-align, musi być zablokowane

small element resisting text-align

Dobrze, że może być, ponieważ HTML/CSS wygląda mniej like this. Jest proste rozwiązanie CSS ...

Jeśli ustawisz właściwość small { display: block }like this to działa jak czar:

small element being good

Horay!

Ale prawdopodobnie możesz powiedzieć, że coś jest nie tak ... i dlaczego tak działa?

Źródło

2012-11-03 Baumr

To dziwny sposób zadawania pytań. Może wyjaśnić "pytanie" tylko z pytaniem, a poszerzyć odpowiedź o więcej informacji dotyczących odpowiedzi. IE: Nie odpowiadaj i "Horay" twoje pytanie. –

Nie widzę problemu, a pytanie jest istotne, a odpowiedź jest spójna i wzbogaca zbiorową wiedzę. http://blog.stackoverflow.com/2011/07/its-ok-to-ask-and-answer-your-own-questions/ – nicooga

Dzięki za komentarze. ** Chase **, jak masz na myśli? Pomyślałem, że podzielenie tego jest mniej więcej w połowie - aby ułatwić ludziom, którzy szukają tego szukają odpowiedzi – Baumr

No  jest w zasadzie element inline a obiekt ma być text-alignapplied to block elements i przekazywana do elementów inline dziecko (lub strings inside).

Wprowadzając small do elementu blokowego, pozwalamy na stylizację tekstu wewnątrz niego.

Również W3 spec określa element  być używane wewnątrz kontekście frazowania - podobnie jak elementy , , , <a>, and so on - co zrobić z same thing w tym przypadku.

W3 wiki examples proponuję umieścić  wewnątrz  znaczniki i styl - Chyba To jest bardziej semantyczny rozwiązanie, a oto the code jeśli trzeba to zobaczyć.

Dlaczego jest to trochę mylące?

Cóż, niektóre zasoby stron trzecich w Internecie nie wymieniają go, a przynajmniej nie jawnie. Na przykład model HTML5 Doctor's example używa elementu small bez otaczającego go elementu blokowego.

Nadzieję, że wyjaśnia rzeczy! Jak zawsze, daj mi znać, jeśli coś przeoczyłem. (I myślę, że tak).

Źródło

2012-11-03 02:26:35 Baumr

ma rację. Próbujesz użyć elementu wbudowanego jako elementu bloku. B/c nie jest domyślnie blokowany, wymuszasz na "display: block". To samo dotyczy tagów . – heyjohnmurray

Pesky lil”<small> element nie pracuje z text-align, musi być zablokowane

Odpowiedz

Pesky lil”<small> element nie pracuje z text-align, musi być zablokowane

Odpowiedz

Powiązane problemy