Не удается получить свойство word-spacing CSS для правильной работы - PullRequest
0 голосов
/ 17 апреля 2020

Я пытался начать в этом замечательном мире программирования из-за моей страны, находящейся на карантине (если быть точным, Мексика), а затем я столкнулся с проблемой, которую я не мог исправить, что бы я ни делал, эта часть кода не работа:

HTML:

<p class="property_5">  
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Nulla pellentesque metus eget massa feugiat lobortis.
</p>

CSS:

.property_1 {
    word-spacing: normal;
}

.property_2 {
    word-spacing: nowrap;
}

.property_3 {
    word-spacing: pre;
}

.property_4 {
    word-spacing: pre-wrap;
}

.property_5 {
    word-spacing: pre-line;
}

Я вставил другой код, потому что я переключаюсь между всеми свойствами, и он не работать либо когда я изменил объявленный класс на <p> в индексе.

Я использую Chrome, и я уже попробовал:

  • Удалить кеш (и ничего произошло)
  • Не помещайте текст внутри поля
  • Удалите все выравнивания текста, относящиеся к абзацам (и весь сайт, у меня раньше было все на теге html center)
  • Изменить между тремя браузерами (и ничего не произошло)
  • Удалить каждый <BR> в тексте (и то же самое с другим большим текстом, чем этот)

Пожалуйста, мне нужна ваша помощь, я даже забыл включить CSS f иль на HTML но это вне моего контроля.

Ответы [ 2 ]

1 голос
/ 17 апреля 2020

Вы путаете word-spacing с white-space. Установленные вами значения относятся к свойству withe-space.

Вот некоторые ссылки:

https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

0 голосов
/ 17 апреля 2020

попробуйте

.property_5 {
    white-space: pre-wrap;
}
...