По флексбоксам

[taruna2010]

Привет ребят. Такая закавыка, ставлю текст во флексбокс и он тянется одной строкой, появляется прокрутка. Как исправить, чёт догнать не могу. Подскажите как сделать что бы текст переносился. За ранние спасибо.

[taruna2010]

Не ужели ни кто не может подсказать?

[Конструкторщик]

C флекс-боксами еще не работал,но как вариант можно текст вставить через вставку html
Примерно вот так:

Код: Выделить всё

Привет ребят.<p> Такая закавыка,<p> ставлю текст во флексбокс<p> и он тянется одной строкой, появляется прокрутка.<p> Как исправить, чёт догнать не могу.<p> Подскажите как сделать <p>что бы текст переносился.<p> За ранние спасибо.

[Gudwinn]

Здравствуйте, а как Вам можно подсказать? Вы же примера не привели, а телепаты у нас все поувольнялись))) Проблема не серьёзная если честно, нужно взять html вставку , в типе html вставки выбрать " CSS - в медиа запросе" вписать что то такое

Код: Выделить всё

#wb_Text1 {
    width: 120px!important;
}


где соответственно айдишник текста Ваш, ну и значение ширины тоже Ваше, и всё, ну и на каждом медиазапросе переопределять это CSS свойство (писать по новой, так как на каждой точке останова стили с предыдущих точек останова не отображаются) в зависимости от отображения корректировать в этой html вставке стили по требованию.

[spoon]

Кирилл, Вы явно лукавити, что сайтостроение это ваше хобби)) Я вот такое написание css свойства width: 120px!important; ваще в первые вижу))

[Gudwinn]

прекратите))) Это самые самые азы, верхушки айсберга, вот с :nth-child свойствами, пришлось позамарачиваться в изучении)) Просто нахожу это занятие увлекательным, ну и видосики поглядываю регулярно, от НАСТОЯЩИХ гуру)))

[spoon]

Ну с псевдоклассами конечно сложнее все, тут я не спорю.

[taruna2010]

Вот так у меня выходит.

Отправлено спустя 3 минуты 44 секунды:
http://wysiwygwebbuilder.ru/forum/viewtopic.php?f=7&t=4883 По мой-му это ваше тема. Не могли бы вы мне объяснить, как делали вы. И если можно с примером.

[Gudwinn]

я же Вам написал что надо делать, неужели не так что то вставили? Будьте внимательны при прочтении и экспериментируйте. Если Вы вообще с CSS не знакомы, я думаю флэксбоксы не поддадутся Вам к сожалению

[dlod]

Чтобы текст был по центру и переносился можно задать такие параметры:
Направление флекса: column
Макс. ширина (например): 970
Остальные параметры по умолчанию.

[Gudwinn]

да, возможно использовать и такой вариант, но он менее гибкий, так как при перестроении в зависимости от соприкосновения флексбоксов может потребоваться другой max-width (то есть изначально он допустим 320px а потом надо будет сделать 750px , то в Вашем варианте не получится так сделать, так как max-width изменяется сразу для всех точек останова если его внести в проге в любой точке останова, и как ни крути надо будет писать ручками корректировки стилей в html вставке как я ранее и описывал ну и минус так же в том, что не всегда нужна дополнительная обёртка для элемента "текст". В предложенном мною варианте стили в html вставке для каждой точки останова разные, что очень здорово, и за что Пабло спасибо большое

[taruna2010]

amidtl Экспериментировал и как раз нащупал такие же параметры, только ширину не трогал. Спасибо за ответ.

Отправлено спустя 4 минуты 25 секунд:
Хоть я и не смыслю так как вы ни в проге, ни в css, но пересмотрел кучу видосов по флекбоксам, но ни где не упоминалось о том что их нужно подгонять под точки останова.

[taruna2010]

Gudwinn Воспользовался вашим решение, всё получается. Спасибо.

[maxlan]

https://www.youtube.com/watch?v=zkb8q-eeJ3Q