Центрирование текста с подразделениями VW и VHHtml

Программисты Html
Ответить
Anonymous
 Центрирование текста с подразделениями VW и VH

Сообщение Anonymous »

Я хочу сосредоточить текст (а именно H1) как вертикально, так и горизонтально, используя только единицы VH и VW < /strong>.
мое HTML -корпус выглядит так, < /p>

Centered text.

< /code>
Мой простой CSS (SCSS) выглядит так, < /p>
* {
margin: 0;
padding: 0;
}

.centered_text {
margin: 50vh 50vw;
}
< /code>
Проблема в том, что текст идет больше по правой стороне экрана. Я понял, что когда я установил ширину H1 на фиксированную и вычитаю половину этой ширины с поля с функцией CALC, кажется, что он работает, но я действительно не знаю, почему. Код это, < /p>
* {
margin: 0;
padding: 0;
}

.centered_text {
margin: 50vh calc(50vw - 75px);
h1 {
width: 150px;
}
}
< /code>
Мои два вопроса: < /p>

Почему это работает?>

Подробнее здесь: https://stackoverflow.com/questions/675 ... d-vh-units
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»