Size: a a a

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

2021 January 30

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Что отцентрировать нужно в итоге?
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Выделен блок. А речь про иконку
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
ALΣX
Всем привет, помогите, пожалуйста, как правильно отцентрировать иконку в псевдо элементе before, решил с помощью flex-ов, но не знаю, если для таких случаем правильно его использовать.
?
источник

A

ALΣX in HTML/CSS — русскоговорящее сообщество
Aerial_accident
Выделен блок. А речь про иконку
Выделил блок, к псевдоэлементу которого в качестве контента указал иконку, вот ее и надо отцентрировать внутри псевдоэелемента.
Не занимался версткой, потому и спрашиваю такие для кого-то элементарные вещи
text-align - норм работает, могу его использовать?
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Left:
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Top:
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
ALΣX
Всем привет, помогите, пожалуйста, как правильно отцентрировать иконку в псевдо элементе before, решил с помощью flex-ов, но не знаю, если для таких случаем правильно его использовать.
Почему просто значениями left, top, например, не поколдуешь. Я бы ещё попробовал задать padding у иконки и border-radius, чтобы она была посередине по умолчанию. Но если твоим способом, то поколдуй с тем, что написал выше
источник

K

Kotikov in HTML/CSS — русскоговорящее сообщество
Всем привет! Ребят, хочу попасть в тренды codepen, кому не сложно подпишитесь и поставьте лайки. https://codepen.io/ahmed364051/pen/MWbgReK
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
ALΣX
Выделил блок, к псевдоэлементу которого в качестве контента указал иконку, вот ее и надо отцентрировать внутри псевдоэелемента.
Не занимался версткой, потому и спрашиваю такие для кого-то элементарные вещи
text-align - норм работает, могу его использовать?
А лучше, используй text-align и не ломай себе мозг
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
И иконку твою не в пнг бы, а в свг
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Aerial_accident
И иконку твою не в пнг бы, а в свг
Мне кажется, что значения большого не играет
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Дмитрий
А лучше, используй text-align и не ломай себе мозг
А как text-align повлияет на псевдоэлемент? 😐
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Это я так понял, кружок эттт
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Я вот не знаю, но у него работает
источник

A

ALΣX in HTML/CSS — русскоговорящее сообщество
Дмитрий
А лучше, используй text-align и не ломай себе мозг
так и поступил, все замечательно отцентрировалось, спасибо!
источник

A

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

A

ALΣX in HTML/CSS — русскоговорящее сообщество
Aerial_accident
Да не работает он у него)
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Если только текст сместился немного вместе со значком
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Меня переиграли на постиронии
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Ну псевдоэлемент не двигается этим же. Текст двигается. Но значок привязан к тексту.
источник