Как выровнять текст/любой элемент html по центру/справа? — поддержка
TheBestPessimist
#1
Я знаю, что мог бы использовать
бла
, чтобы получить
bla
Но кажется, что это устарело и вместо этого следует использовать css:
- w3schools:
https://www.w3schools.com/tags/att_div_align.asp.
- МДН:
image1060×80 3,73 КБ
developer.mozilla.org: Элемент Content Division — HTML: язык гипертекстовой разметки | МДН
Элемент HTML Content Division ( ) является универсальным контейнером для потокового содержимого. Он не влияет на содержимое или макет до тех пор, пока он не будет каким-либо образом стилизован с помощью CSS (например, к нему напрямую применены стили или какая-либо модель макета, такая как Flexbox.
..
Из-за этого есть ли другой способ выравнивания по правому краю? (думаю, что люди из Chrome могут прийти в любое время и удалить эту старую функцию, чтобы получить 0,0069% производительности на мобильных устройствах или что-то в этом роде (да).
зогстрип (Регис)
#2
В Discourse это лучший способ выравнивания по центру/правому краю.
Никогда не доверяйте w3school.
1 Нравится
16 октября 2018 г., 6:19
#3
Но это не только w3school:
image1060×80 3,73 КБ
MDN Web Docs: Элемент Content Division
Элемент HTML Content Division (div) является универсальным контейнером для потокового содержимого.
Сэм (Сэм Саффрон)
#4
Если нужно
уже внесен в белый список, вы можете использовать его с компонентом темы, упражнение предоставляется читателю2 лайков
16 октября 2018 г., 6:25
#5
Извините, если я нытик, но этого еще недостаточно: подумайте, что пользователи форума также используют другие форумы для общения, на которых нет моей «ватрушки». Если бы в дискурсе был этот запеченный (мой вид пирога), тогда все поступали бы так же, и был бы единственный источник истины: ваш.
Сэм (Сэм Саффрон)
#6
Вот почему вы можете просто использовать align и пока игнорировать устаревшее, если это станет реальной проблемой, мы можем ввести class='align-left' или что-то в этом роде.
Также обратите внимание, что все это является хакерским, несмотря на то, что для этого нет надлежащей уценки … поэтому вы можете обсудить это по адресу: https://talk.commonmark.org/
3 Likes
HTML как выровнять текст по центру и справа с помощью c…anycodings
Вопросы : HTML как выровнять текст по центру и справа с определенным полем
741
- Я хочу «я, центр!» в центре страницы.
- Я хочу «я не прав!» иметь некоторое поле (например, 10px) справа.
- Я хочу их в один ряд.
Спасибо!
р {
выравнивание текста: по центру !важно;
}
стр {
поплавок: справа;
поле справа: 10%;
} я не прав! я, центр!
Админы
HTMLCSS
Всего ответов
31
Ответы 1 : HTML как выровнять текст по центру и по правому краю с определенным полемЯ бы сделал так, я бы поместил оба параграфа в контейнер, который я позиционирую относительно; затем я просто устанавливаю для абзаца .right значение position: absolute, и при этом начальный центрированный абзац будет использовать всю ширину контейнера и будет идеально центрирован.
р {
выравнивание текста: по центру;
маржа: 0;
}
.правильно {
положение: абсолютное;
справа: 0;
поле справа: 10%;
}
. контейнер {
положение: родственник;
}
/* Использование стилей только для презентации */
п {
граница: 1px сплошной красный;
цвет фона: голубой;
}
стр. справа {
граница: 1px сплошной зеленый;
цвет фона: розовый;
} 
контейнер {
положение: родственник;
}
/* Использование стилей только для презентации */
п {
граница: 1px сплошной красный;
цвет фона: голубой;
}
стр. справа {
граница: 1px сплошной зеленый;
цвет фона: розовый;
} <дел>я не прав!
я, в центре!
0
Ссылка для ответа
мРахман
6
Ответы 2 : HTML как выровнять текст по центру и по правому краю с определенным полемpp не является допустимым тегом HTML.
Ты почти у цели. Следующее должно направить вас на правильный путь, если я правильно понял.
Установите для абзаца текст, выровненный по центру, а затем добавьте несколько тегов span, смещенных вправо.
р { выравнивание текста: по центру; } .push-вправо { поплавок: справа; поле справа: 10px; }
выравнивание текста по центру выравнивание текста по правому краю
Чтобы ответить на ваш вопрос в комментариях, похоже, вам нужно сбросить поля тегов body и html, чтобы тег p занимал всю ширину фактической страницы.
Добавление этих дополнительных правил должно привести к тому, что вы получите после предположения об отсутствии других сложных макетов и т. д.
html,
тело {
ширина: 100%;
маржа: 0;
}
п {
ширина: 100%;
выравнивание текста: по центру;
дисплей: блок;
}
.push-вправо {
поплавок: справа;
поле справа: 10px;
}
Это должно гарантировать, что теги html и body не смещают все на странице немного внутрь, а также заставят все теги абзаца занимать всю ширину страницы со свойствами элемента стиля блока.