| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Перенос слов в DIV |
| Автор: Shadyfox 3.6.2013, 00:32 |
| Встретился с такой проблемой, задача сверстать макет на DIV'ах <div>блоки</div> - float left; width:200px <div>контент</div> - float left; width:auto при таких условиях параметр в css word-wrap: break-word;word-break:break-all; - не переносит текст при переполнении, казалось бы проблема простая, но не совсем, даже не смотря на то что у меня фиксированная ширина, я мог быть указать ширину явным образом 650px и тогда текст в контенте будет переносится, но дело в том, что на некоторых страницах сайта, div с блоками будет исчезать и тогда контент должен будет заполнить всё пространство. Или как-то через джей-квери можно решить вопрос? я не очень силён в jq и не представляю как определить есть див с блоками или нету чтобы растягивать див с контентом на 100%, или всё-таки как-то можно сделать перенос слов в диве с неизвестной шириной? |
| Автор: Shadyfox 4.6.2013, 02:08 |
| up. |
| Автор: Shadyfox 16.6.2013, 02:30 |
| vingrad уже не тот.. |
| Автор: ksnk 16.6.2013, 06:39 |
| Отчего бы не потратить к нескольким дням ожидания еще и несколько минут на тестовую страничку? У меня это заняло минут 7-8... http://jsfiddle.net/z5R9R/ Вот так я понял задачу по объяснениям. Ну и что там не так? Все что надо переносится. (да и без word-wrap тоже)... |
| Автор: Shadyfox 16.6.2013, 13:14 |
| ksnk, блок за блоком должен идти http://jsfiddle.net/z5R9R/2/ у тебя получается так, что идёт 1-й блок, а 2-й блок под ним а не справа от него. |
| Автор: ksnk 16.6.2013, 15:20 |
| Shadyfox, Это не у меня получается, а у тебя в твоем примере не та разметка. Желаешь, чтобы чужой человек угадал что там неправильно? Чудес не бывает. Поставь то, то у тебя, пусть и без скрипта, чтобы понятно было про что вопрос. |
| Автор: Shadyfox 16.6.2013, 17:56 |
| ksnk, я вообще не понимаю тебя. Я в 1м посте описал проблему, ты дал ссылку, в ссылке точно также как и у меня - не тот результат что нужен, как ещё объяснить то? Слева див, за ним следует второй див, а у тебя в примере сначала 1-й див затем 2-й, я специально обвёл цветными границами и скинул тебе ссылку для наглядности. |