Как к стилю прикрутить выравнивание абзаца по центру?

@taras atavin · Регистрация: 24.11.2009

Студворк — интернет-сервис помощи студентам

@Academik · 22.03.2014, 17:27

taras atavin, как-то так:

CSS
1
.style p{text-align: center;}

Но тогда все абзацы, которые находятся в этом стиле выровняются по центру.
Если нужно только одному абзацу, можно так

CSS
1
.par{text-align: center;}

HTML5
1
<p class="par">Абзац текста</p>

или прям в коде прописать

HTML5
1
<p style="text-align: center;">Абзац текста</p>

@zme9 · 22.03.2014, 17:49

Mr Coder, всё верно , но прямо в коде не нужно делать , это не очень эстетично и удобно

@taras atavin · 22.03.2014, 18:12 **[ТС]**

Сообщение от Mr Coder

<p style="text-align: center;">Абзац текста</p>

Вот нафиг это вообще? И какое это имеет отношение к стилю?

Добавлено через 35 секунд

Сообщение от Mr Coder

Но тогда все абзацы, которые находятся в этом стиле выровняются по центру.

Это именно то, для чего и предназначен стиль, выравниваемый по центру.

@Academik · 22.03.2014, 18:31

Сообщение от taras atavin

Это именно то, для чего и предназначен стиль, выравниваемый по центру.

Вы ошибаетесь. Через стиль можно "достучаться" до отдельных элементов на сайте и в последствии ими манипулировать. Я ведь не знаю что конкретно вам нужно.

Допустим имеем некий блок, который содержит в себе n-ое количества абзацев:

HTML5
1
2
3
4
5
<div class="content">
   <p>Абзац текста</p>
   <p>Ещё один абзац текста</p>
   <p>Текст</p>
</div>

Так можно выровнять текст по центру только у первого абзаца:

CSS
1
.content p:nth-child(1){text-align: center;}

Сообщение от taras atavin

Вот нафиг это вообще? И какое это имеет отношение к стилю?

Никакого. Отписал как вариант.

@taras atavin · 22.03.2014, 18:37 **[ТС]**

Сообщение от Mr Coder

Вы ошибаетесь. Через стиль можно "достучаться" до отдельных элементов на сайте и в последствии ими манипулировать.

Свойство отдельного элемента можно задать безо всякого стиля. Зачем ещё писать сначала style, кавычки, потом ещё завершать каждый кусок точкой с запятой? И зачем множить сущности на пустом месте? А вот задать один раз и сразу сравнять все h1 в центр можно только с помощью стиля и именно для этого стиль и нужен. А на другой странице может все заголовки h1 будут равняться вправо? Опять один раз написал и всё. Или даже на всём сайте, если вынести определение стиля в отдельный файл и на него сослаться.

Добавлено через 3 минуты

Сообщение от Mr Coder

Так можно выровнять текст по центру только у первого абзаца:
Код CSS
1
.content p:nth-child(1){text-align: center;}

Проще текст этого абзаца включить в тег <center></center>, стиль здесь не нужен. Вот если из сотни абзацев дива десяти указать один стиль и сформатировать их по единому образцу, тогда другое дело.

@Academik · 22.03.2014, 18:41

taras atavin, всё зависит от задач и обстоятельств. Я тоже не сторонник того, чтоб описывать стили прям в коде html страницы.

Сообщение от taras atavin

А вот задать один раз и сразу сравнять все h1 в центр можно только с помощью стиля и именно для этого стиль и нужен.

Если бы конкретизировали в первом посте что конкретно вам нужно, была бы возможность однозначно вам ответить. А так получается вам безвозмездно помогают, а вы тут ещё слюнями брызжите. Некрасиво как минимум.

Пожалуй не буду поддерживать этот бессмысленный разговор.

@taras atavin · 22.03.2014, 18:45 **[ТС]**

Сообщение от Mr Coder

Если бы конкретизировали в первом посте что конкретно вам нужно, была бы возможность однозначно вам ответить. А так получается вам безвозмездно помогают, а вы тут ещё слюнями брызжите. Некрасиво как минимум.

Помогли мне в другой теме, а здесь зачем то коверкают html.

@Fedor92 · 22.03.2014, 18:50

taras atavin, потому-что html предназначен для создания структуры сайта, а не для его украшения... Тогда как css специально предназначен для создания внешнего вида web-страниц... Теги html вроде font например использовали раньше для того, чтобы навести хоть какой-то марафет на странице... На данный момент веб-мастера стараются использовать подобные теги в стилях... Тег style является внутренним стилем страниц... Тогда как css - является стилем внешним... Если не хотите захламлять код переносите все стили в css... А точки с запятой - это лишь семантика языка css для того чтобы он мог отличать где атрибут и где его свойство...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@taras atavin 4226 / 1796 / 211 Регистрация: 24.11.2009 Сообщений: 27,562

	Как к стилю прикрутить выравнивание абзаца по центру? 22.03.2014, 14:13. Показов 1558. Ответов 8 Метки нет (Все метки) Как к стилю прикрутить выравнивание абзаца по центру? 0

@zme9 94 / 67 / 23 Регистрация: 22.09.2013 Сообщений: 626
	22.03.2014, 17:49
	Mr Coder, всё верно , но прямо в коде не нужно делать , это не очень эстетично и удобно 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	22.03.2014, 18:50
	taras atavin, потому-что html предназначен для создания структуры сайта, а не для его украшения... Тогда как css специально предназначен для создания внешнего вида web-страниц... Теги html вроде font например использовали раньше для того, чтобы навести хоть какой-то марафет на странице... На данный момент веб-мастера стараются использовать подобные теги в стилях... Тег style является внутренним стилем страниц... Тогда как css - является стилем внешним... Если не хотите захламлять код переносите все стили в css... А точки с запятой - это лишь семантика языка css для того чтобы он мог отличать где атрибут и где его свойство... 0