Висячие отступы в React JS

Большая часть кода CSS, кажется, отлично работает в React JS, однако я пытаюсь использовать text-indent, чтобы сделать висячий отступ. Висячий отступ — это отступ первой строки текста (отступ влево). Обычно в CSS я могу использовать text-indent: -10px, и он отлично работает. В React JS я обычно делаю что-то вроде textIndent: "-10px". Однако textIndent, похоже, не влияет на React JS.

По какой причине React JS не нравится это свойство CSS? Что я могу сделать вместо этого?

Это имеет эффект, stackblitz.com/edit/react-edxd1k .

Estus Flask 09.02.2019 08:13
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
1
1 759
1

Ответы 1

Проблема, скорее всего, в том, что вы передаете текстовый отступ непосредственно элементу абзаца. Предупреждение исчезнет, ​​если вместо этого вы передадите text-indent обертывающему родительскому div. Удачи!

Кому рецензенты: если ответ является попыткой ответить на вопрос, удалять не рекомендуется! См., например, "Вы делаете это неправильно: призыв к здравомыслию в очереди низкокачественных постов" и "Когда ответ отвечает на неправильный вопрос, разве это не ответ?". Это ответ. Вы можете с этим не согласиться, но это попытка ответить на вопрос.

Wai Ha Lee 15.09.2019 13:05

Другие вопросы по теме