Назови 10 способов отцентрировать элемент
достаточно 2-3
🏴☠️
honey
а4 вроде такой канал на ютубе есть, видимо с приколами или что-то вроде
honey
речь не про то как пранкануть листок бумаги
honey
🏴☠️
однако я доколупалась именно до text-align :D
Это свойство для позиционирования текста внутри параграфа или заголовка
🏴☠️
<div>
<p>text</p>
</div>
p {
text-align: center;
}
honey
Это свойство для позиционирования текста внутри параграфа или заголовка
или внутри чего угодно?
honey
даже внутри div написанный в нём текст - прекрасно центрируется, если применить к div параметр text-align
honey
то есть, получается, не только в <p> текст центрируется с помощью text-align. Он центрируется с помощью text-align внутри любого элемента
honey
мне хочется добавить неуверенности в предложение выше, но там и так в начале стоит "то есть получается"
honey
а, ну при условии, что элемент не строчный
honey
а если он и строчный то нужно добавить ему дисплей блок
honey
и задать размеры
VovaDos
то есть, получается, не только в <p> текст центрируется с помощью text-align. Он центрируется с помощью text-align внутри любого элемента
Абсолютно все можно сцентрировать с помощью text-align по ширине (кроме того центрируются и текстовые ноды), КРОМЕ: 1) inline-элемент; 2) элемент, у которого заданы явные размеры
honey
Абсолютно все можно сцентрировать с помощью text-align по ширине (кроме того центрируются и текстовые ноды), КРОМЕ: 1) inline-элемент; 2) элемент, у которого заданы явные размеры
это вроде то же самое что я сказала? или нет? ._.
VovaDos
Я в общем написал
honey
почему-то я вечно во всём сомневаюсь
honey
ну ладно, спасибо)
Алексей
Я обожаю css хотя бы за то, что там если написано text-align - это может означать Что угодно помимо текста)
Да это все заказчики со своими правками
honey
Я обожаю css хотя бы за то, что там если написано text-align - это может означать Что угодно помимо текста)
так! text-align может выравнивать ТОЛЬКО текст?
honey
что значит "это может означать что угодно"?
honey
заколебала сегодня вас своим text-align'om хд Спасибо что ещё отвечаете :D
honey
ясно, тогда сейчас ещё попробую. Он мне div не выравнивал
🏴☠️
так! text-align может выравнивать ТОЛЬКО текст?
его лучше применять для текста, потому что это сематически верно даже исходя из названия свойства
VovaDos
его лучше применять для текста, потому что это сематически верно даже исходя из названия свойства
В CSS нет понятия "семантика"
🏴☠️
Как и в хтмл
VovaDos
В HTML это не в головах программистов
🏴☠️
Можно все сделать на дивах. Или сделать section, article и прочие
VovaDos
В HTML семантика на уровне движка и описана в спеке, о чем ты говоришь?
🏴☠️
В HTML семантика на уровне движка и описана в спеке, о чем ты говоришь?
О том, что можно весь сайт сделать на дивах и все будет работать
🏴☠️
В HTML семантика на уровне движка и описана в спеке, о чем ты говоришь?
для CSS тоже есть спеки
Den
Семантика это в головах программистов
Семантическая верстка - погугли) Боты поисковиков смотрят на нее и это влияет на доступность сайта и его место в поисковике.
Den
Еще виляет на работу функций браузера для людей с ограниченными возможностями. Слабовидящих, слабослышащих.
🏴☠️
Семантическая верстка - погугли) Боты поисковиков смотрят на нее и это влияет на доступность сайта и его место в поисковике.
Ну это малая часть для СЕО гораздо важнее meta тэги
honey
Семантическая верстка - погугли) Боты поисковиков смотрят на нее и это влияет на доступность сайта и его место в поисковике.
как раз недавно про это читала. Что есть спец разметка чтобы сайт лучше индексировался (выше поднимался) в поиске
honey
и чтобы красивей отображалась та краткая инфа, которая есть при показывании всех сайтов в выдаче гугла
VovaDos
До 2018 года на семантику можно было забить, после 2018 гугл начал индексировать
VovaDos
И сейчас челы, которые реально разбираются очень ценятся (особенно те, которые понимают, что header - это не обязательно шапка сайта, а footer - это не обязательно подвал сайта)
🏴☠️
VovaDos
VovaDos
Оно чисто из-за популярности запроса будет в топе
VovaDos
Вот в MDN крутая семантика
https://developer.mozilla.org/en-US/
🏴☠️
🏴☠️
маркетологи продвигают ресурс
VovaDos
Ты не вдупляешь про что я говорю. Сайты на тильде в топе поисковых запросов. Только чтобы у тебя в гугле была таблица (к примеру) тебе нужна семантика
honey
VovaDos
VovaDos
Алексей
🏴☠️
Ты не вдупляешь про что я говорю. Сайты на тильде в топе поисковых запросов. Только чтобы у тебя в гугле была таблица (к примеру) тебе нужна семантика
Ну покажи свой хтмл, посмотрим как надо
🏴☠️
honey
Я сверху написал, что text-align не сдвигает элементы с указанными размерами
так ведь элементы без указанной ширины (блочные ) и так растягиваются полностью по ширине экрана юзера. Я не смогу подвинуть элемент который занимает у меня всю ширину экрана, его просто некуда двигать
Алексей
🏴☠️
Просто юзайте флексы и гриды
honey
display: flex; justify-content: center;
да, но мы говорим про то как подвинуть что-нибудь (любой элемент, например div) по центру, параметром text-align. Раз уж выше сказали ребята, что с помощью text-align можно двигать не только текст, я вот и хочу понять как можно двигать в таком случае другие элементы именно с помощью text-align
honey
honey
ладно
honey
:D
🏴☠️
да, но мы говорим про то как подвинуть что-нибудь (любой элемент, например div) по центру, параметром text-align. Раз уж выше сказали ребята, что с помощью text-align можно двигать не только текст, я вот и хочу понять как можно двигать в таком случае другие элементы именно с помощью text-align
Один вопрос - а зачем? Кода получается больше, костылишь инлайн-флекс/блок
🏴☠️
Я в целом про целесообразность твоей тренировки)) Сколько ты часов потратила? За это время можно пройти половину grid-garden или изучить более важные темы
honey
Один вопрос - а зачем? Кода получается больше, костылишь инлайн-флекс/блок
да только затем, что сказано что text-align'om можно двигать не только текст, я и врубиться пытаюсь почему тогда названо именно TEXT-align, подразумевается же видимо что для двигания текста параметр. Ладно, это просто любопытство
🏴☠️
да только затем, что сказано что text-align'om можно двигать не только текст, я и врубиться пытаюсь почему тогда названо именно TEXT-align, подразумевается же видимо что для двигания текста параметр. Ладно, это просто любопытство
в цсс еще овердофига свойств над которыми можно так проводить исследования, но это пустая трата времени в итоге (если ты не собираешься быть чистым верстальщиком)
