Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 07

B

Bogdan in HTML/CSS — русскоговорящее сообщество
Aleksandr
CSS)
ну да
источник

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
А как подключён? А что за UI библиотека?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Bogdan
ну да
Ну сравни все построчно
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Нам расскажешь потом
источник

B

Bogdan in HTML/CSS — русскоговорящее сообщество
Либа - MUI реактовский. А шрифт все таки другой
источник

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
Bogdan
Либа - MUI реактовский. А шрифт все таки другой
Шрифты и стили не подключил
источник

ВВ

Виктор Воробьев... in HTML/CSS — русскоговорящее сообщество
Aleksandr
угу
Не помогло Лайн хейт. Сделал min-height: fit-content
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Виктор Воробьев
Какое значение line-height нужно? У меня мака нету. Приходиться изменять, заново деплоить и смотреть на телефоне.
можно же через локальную сеть подключаться
источник

ВВ

Виктор Воробьев... in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
можно же через локальную сеть подключаться
Как?
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Виктор Воробьев
Как?
смотря чем пользуешься. Самое простое, live server для vscode
источник

RD

Red Dragon in HTML/CSS — русскоговорящее сообщество
Что-то не могу понять как сделать бегущую строку в одну стороку с остальным контентом, все налезает и есть мысли что такой способ не подойдет. Можете что-то посоветовать? jsfiddle.net/54f9pz8q/
источник

S

Splinter in HTML/CSS — русскоговорящее сообщество
Парни привет, кто шарит в flex? Помогите пожалуйста разобратся... Вот у меня есть

.header{
height: 100vh;
 display: flex;
 min-height: 600px;
 max-height: 756px;
 border:solid 1px red;
 display: flex;
}  
(большой этот красный квадрат)
Внутри есть
.header_title { 
width: 730px;
 border:solid 1px red;
 margin-left: 64px;
 font-size: 102px;
 line-height: 96px;

 align-items: center;
 justify-content: center;
}

второй красный квадрат, но он что то нихрена не центрируется( А чисто расширился (

Хотя в интернете пишут что так центрировать
align-items: center;
 justify-content: center;
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Splinter
Парни привет, кто шарит в flex? Помогите пожалуйста разобратся... Вот у меня есть

.header{
height: 100vh;
 display: flex;
 min-height: 600px;
 max-height: 756px;
 border:solid 1px red;
 display: flex;
}  
(большой этот красный квадрат)
Внутри есть
.header_title { 
width: 730px;
 border:solid 1px red;
 margin-left: 64px;
 font-size: 102px;
 line-height: 96px;

 align-items: center;
 justify-content: center;
}

второй красный квадрат, но он что то нихрена не центрируется( А чисто расширился (

Хотя в интернете пишут что так центрировать
align-items: center;
 justify-content: center;
Потому что эти свойства задаются родителю
источник

S

Splinter in HTML/CSS — русскоговорящее сообщество
Plot Twist
Потому что эти свойства задаются родителю
но у меня в области header несколько елементов, а мне нужно центрировать только один
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Splinter
но у меня в области header несколько елементов, а мне нужно центрировать только один
Для этого есть align-self
источник

МГ

Мойша Гоцман... in HTML/CSS — русскоговорящее сообщество
Всем привет! Как можно растянуть текст в параграфе p по вертикали? Параграф с динамической высотой, поэтому надо, чтобы он был полностью заполнен текстом. То есть при уменьшении высоты line-height должен уменьшаться, и наоборот.
источник

S

Splinter in HTML/CSS — русскоговорящее сообщество
Plot Twist
Для этого есть align-self
а чем различается inline-block От align-self?
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Splinter
а чем различается inline-block От align-self?
Хз, инлайн флекс есть ,о свойствах инлайн блока можно почитать в интернете
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Splinter
а чем различается inline-block От align-self?
А align-self позволяет управлять элементами подконтрольными flex родителю , соответственно влияя на выбранный элемент ,а не на все сразу
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Splinter
а чем различается inline-block От align-self?
Может тем, что инлайн-блок это значение свойства display, а align-self это свойство флекс-айтема...
источник