Мой текст не будет центрироваться в Dreamweaver (с использованием начальной загрузки)

Я создаю веб-сайт в Dreamweaver с помощью Bootstrap, и у меня возникают проблемы с размещением текста по центру любого из столбцов.

Я попытался изменить CSS следующим образом (в качестве примера):

.p9 {
    font-family: Roboto-light;
    text-align: center;
    color: #171717;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}

И когда это не сработало, я удалил text-alignатрибут из CSS и изменил класс абзаца .text-centerна правильный класс Bootstrap.

Я заметил несколько небольших проблем с ошибками, таких как классы, которые не появляются, пока я не сохраню документ, или мне приходится удалять, а затем повторно добавлять классы на изображения, чтобы заставить их работать/появляться, поэтому я не уверен, связано ли это?

Кто-нибудь знает, почему ни один из них не работает? Благодарю вас!

Я считаю, что это вопрос для stackoverflow.com
Предполагая, что в вашем примере кода просто пропущена точка, происходит то, что text-alignв вашем классе переопределяется что-то более конкретное. Откройте страницу в браузере и используйте инструменты разработчика, чтобы увидеть, какой CSS влияет на выравнивание текста.
Комментарии не для расширенного обсуждения; этот разговор был перемещен в чат .

Ответы (3)

Не видя самой страницы или какого-либо другого кода, я предполагаю, что text-alignон переопределяется более конкретным селектором ( #idили более конкретным классом)

Вы можете прочитать больше о специфике CSS здесь:

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

  1. Щелкните правой кнопкой мыши интересующий вас элемент и выберите «Проверить».

Chrome Осмотреть

  1. Откроется окно инструментов разработчика с интересующим вас элементом, выбранным в схеме DOM. Откройте вкладку «Расчетные».

Вкладка «Компьютер» в Chrome Developer Tools

  1. Оттуда вы можете прокрутить вниз до интересующего вас свойства ( text-alignв данном случае), щелкнув стрелку слева от свойства, вы откроете список всех CSS, влияющих на это свойство. применяется.

    Из информации здесь вы сможете понять, как исправить свой код. Скорее всего, удалив стиль в предыдущем объявлении или увеличив специфичность стиля, который вы хотите применить.

Вы можете узнать больше об инструментах разработчика Chrome здесь:

Блестящий ответ, спасибо, Кай - это была проблема с другим вмешательством CSS. Надеюсь, это поможет другим с той же проблемой. Ваше здоровье!
Никаких проблем @crazycatlady рад помочь

Я считаю, что вы неправильно определяете класс или абзац, который используете правильно. Если вы используете класс, поставьте точку перед именем.

.p9 {
 font-family: Roboto-light;
 text-align: center;
 color: #171717;
 font-size: 16px;
 font-weight: 300;
 line-height: 18px;
}

Помимо этого, я настоятельно рекомендую сменить редактор.

Спасибо, я понял, что пропустил . в моем копипасте! Я пытался выключить и перезапустить, и многие проблемы с ошибками в DW исправились сами собой, хотя у меня все еще есть проблема с текстом. Я думаю, что это может быть связано с программой.
@crazycatlady не просматривайте свой сайт в Dreamweaver. Это все, кроме хорошего редактора, и уж точно плохого для предварительного просмотра html/css. Предварительно просмотрите веб-сайт в браузере (просто откройте html-файлы в браузере).
Здравствуйте, JaneDoe1337, добро пожаловать в GD.SE и спасибо за ваш вклад. Пожалуйста, воздержитесь от обсуждений по теме / не по теме в своем ответе. Когда ваша репутация достигает 15, вы можете пометить вопросы, чтобы предложить закрыть их как не относящиеся к теме. Кроме того, пожалуйста, не уходите от темы. Является ли определенная программа хорошим или плохим редактором, зависит от мнения, и мы не любим расширенных дискуссий на такие темы, как на основном сайте. Спасибо за понимание!

Я понял проблему: я применил CSS к внешнему контейнеру, который, казалось, влиял на текст - после его удаления текст начал правильно выравниваться. Спасибо всем за ответы. Я надеюсь, что это хороший способ закрыть вопрос.

Мой текст не будет центрироваться в Dreamweaver (с использованием начальной загрузки)
СпросиСетьПолитика конфиденциальности1y, 0v