Тот же выбор CSS дает другой результат - PullRequest
Новая
       10

Тот же выбор CSS дает другой результат

0 голосов
/ 02 октября 2018

Тот же выбор CSS дает другой результат.Что мне здесь не хватает?

html: 

<div class="cDiv">
  <img src="http://placekitten.com/100/100">
  <span class="cText"> Hello world </span>
</div>

css: 

.cText {
  vertical-align: middle;
}

.cDiv > * {
   vertical-align: middle;
}

Здесь - это jsFiddle.

После применения vertical-align: middle; к .cDiv > * текст выбора перемещается в середину, как и ожидалось.

После применения vertical-align: middle; к .cText текст выбора не перемещается в середину, как ожидалось.

Оба варианта включают span, содержащий текст, но на него влияет только один элемент.Я не ожидаю такого поведения.Может кто-нибудь объяснить это, пожалуйста?

Я хочу, чтобы мой выбор по классам также мог влиять на выравнивание текста.

...