BN
Эксперты CSS - как центрировать текст по вертикали, если одна строка?
https://codepen.io/Gaxak/pen/yLVXgLb
https://codepen.io/Gaxak/pen/yLVXgLb
сделать wrapper и дать флексам align-items: center?
Size: a a a
2021 February 18
Д
Aleksandr
inlane-block, vertical-inline: center или флексами
Не подходит, т.к. используется display: -webkit-box для многоточия, если не вмещается
MF
Не подходит, т.к. используется display: -webkit-box для многоточия, если не вмещается
И? Почему нельзя сделать обертку над ним? :)
Д
И? Почему нельзя сделать обертку над ним? :)
Буду признателен, если покажете на примере, т.к. я пробовал колдовать - ничего не получилось
DK
Эксперты CSS - как центрировать текст по вертикали, если одна строка?
https://codepen.io/Gaxak/pen/yLVXgLb
https://codepen.io/Gaxak/pen/yLVXgLb
может, убрать padding и сделать line-height тот же, что у элемента? (60px)
A
В принципе самое важное и сложное в процессе своего развития (и в чем одна из больших ценностей ментора) - это обнаружить что у тебя начинается перекос в какую-то сторону (потому что ты что-то любишь больше чем другое) и этот перекос компенсировать - можно специализироваться в том, что нравится, но нельзя оставлять существенные пробелы
получается чувствовать момент, понятно
а в среде больших специалистов есть обратная связь по навыкам/развитию друг другу? или такое только между близкими или друзьями
а в среде больших специалистов есть обратная связь по навыкам/развитию друг другу? или такое только между близкими или друзьями
BN
Буду признателен, если покажете на примере, т.к. я пробовал колдовать - ничего не получилось
Что мешает текст внутренний вложить в span?
BN
<span class="product-info__title"><span>Some text</span></span>
BN
.product-info__title {
display: flex;
align-items: center;
justify-content: center;
}
display: flex;
align-items: center;
justify-content: center;
}
IK
Aleksandr
получается чувствовать момент, понятно
а в среде больших специалистов есть обратная связь по навыкам/развитию друг другу? или такое только между близкими или друзьями
а в среде больших специалистов есть обратная связь по навыкам/развитию друг другу? или такое только между близкими или друзьями
понятия не имею, я точно не большой специалист
BN
И при любом наполнении текста у вас всегда будет центрированность
S
Aleksandr
получается чувствовать момент, понятно
а в среде больших специалистов есть обратная связь по навыкам/развитию друг другу? или такое только между близкими или друзьями
а в среде больших специалистов есть обратная связь по навыкам/развитию друг другу? или такое только между близкими или друзьями
По моему опыту - скорее наоборот. Т.е. среда специалистов скорее навредит в этом вопросе, чем поможет. А вот скажем этот чатик..
MF
Буду признателен, если покажете на примере, т.к. я пробовал колдовать - ничего не получилось
На ум приходит следующее.
1) Есть блок, который зеленый и нужной высоты, в котором делается вертикальное выравнивание контента (table-cell, flex, ...)
2) Внутрь кладется тот блок, который есть сейчас без беграунда, только с текстом и вместо высоты будет максимальная высота (max-height)
1) Есть блок, который зеленый и нужной высоты, в котором делается вертикальное выравнивание контента (table-cell, flex, ...)
2) Внутрь кладется тот блок, который есть сейчас без беграунда, только с текстом и вместо высоты будет максимальная высота (max-height)
MZ
.product-info__title {
display: flex;
align-items: center;
justify-content: center;
}
display: flex;
align-items: center;
justify-content: center;
}
вместо
align-items: center;достаточно ребенку указать
justify-content: center;
margin: auto,BN
вместо
align-items: center;достаточно ребенку указать
justify-content: center;
margin: auto,Ну либо так
BN
В этом и есть вся прелесть css, решение проблем разными способамb
B
В этом и есть вся прелесть css, решение проблем разными способамb
В js особенно)
S
В этом и есть вся прелесть css, решение проблем разными способамb
perl forever! 8) я только его и вспоминаю как версткой занимаюсь
BN
вместо
align-items: center;достаточно ребенку указать
justify-content: center;
margin: auto,Хотя нет
BN
Поправьте меня, но span не будет двигаться