#html #css
#HTML #css
Вопрос:
Это хорошо работает на настольных устройствах, но я хочу, чтобы для мобильных устройств каждое предложение было в столбце. Как я могу сделать это с помощью css? Я не хочу использовать flex или другие блоки.
.hero__subtitle {
word-spacing: 5em;
} <p class="hero__subtitle">
Some text for test. Another text for test. Another text for test. Комментарии:
1. Почему вы не хотите использовать flex?
2. @MasterYoda в моем случае это пользовательский ввод. Так что его неудобно разделять на блоки
Ответ №1:
Используйте медиа-запрос для создания разного отображения для разных устройств. если вы не знаете о медиа-запросе, просто выполните небольшой поиск, он просто работает с заданными пикселями. Или вы можете использовать js для разделения заданной строки на ее слова или предложения и печатать даже в разных тегах H1. Или теги с пользовательскими классами. Зависит от вашего воображения
Комментарии:
1. Я знаю это, я просто пытаюсь сделать это, не разделяя текст на предложения и разные теги. Но я думаю, что такого способа нет.
2. в js или в css вы просто скажете это, когда покажете себя другим. и если вы хотите, чтобы он отображался по-другому. необходимо использовать серверный язык или js. js может помочь вам в этом. но вы также можете это сделать. укажите div и дочерние элементы в нем. эти дочерние элементы будут содержать нужные вам предложения. и передайте css родительскому. затем просто используйте медиа-запрос, чтобы передать css дочерним элементам родительского элемента. и дайте!важно в конце каждого css для понимания css, это должно быть сделано вместо родительского css