Dziś rano odkryłem dziwny problem z CSS i mam nadzieję, że eksperci od CSS mogą mi pomóc. W this demo, dlaczego tekst w czerwonym dziobie spycha go w dół? Spodziewałem się, że dwaj divowie będą obok siebie. Dzięki!
EDYCJA: Dzięki chłopaki za odpowiedzi. Za chwilę przyjmuję odpowiedź. Czy ktoś może wyjaśnić, dlaczego tak się dzieje?Tekst w div bloku liniowego przesuwając go w dół
...........................
Hi obecnie wykorzystywane do vertical-align: top;
div {
display: inline-block;
height: 50px;
width: 50px;
vertical-align: top;
}
Dodanie float:left rozwiązuje problem.
myślę interesujące byłoby wiedzieć, dlaczego działa w ten sposób z tekstem. –
@ TimotheeTosi Zauważyłem, że, nie wiem dlaczego, możesz dać mi znać. Dzięki. – freebird
"inline-block mówi przeglądarce, aby wstawił ten element w linii, ale traktował go tak, jakby był elementem blokowym." Więc możesz go unieść! http://joshnh.com/2012/02/07/why-you-should-use-inline-block-when-positioning-elements/ – BenRacicot
Czy możesz wyjaśnić, dlaczego nie używasz float: left, to jest czyste rozwiązanie. + 1 do tego. – freebird
Tak, myślę, że to najlepsze rozwiązanie. Dzięki! :) Czy wiesz, dlaczego tekst spowodował ten problem? – Abraham
możesz użyć do wyświetlenia bloku inline, który oznacza, że blok wbudowany defulat to linia bazowa, niż zdefiniowanie zawsze pionowego wyrównania, jeśli zdefiniujesz element blokujący wiersz w dowolnym elemencie HTML. –