как разбить текст на части определенного размера?
есть текст,который надо поместить в div-контейнер определенного размера, но точно известно что, весь он туда не влезет. задача: разбить текст на части под размер контейнера и чтоб потом этими частями можно было манипулировать.
всё никак способ придумать не могу(( |
Для чего это вам нужно, возможно есть решение более эстетичное?!
|
Ну вообще-то изначально предполагалось, что контент будет листаться (не прокручиваться) в контейнере каким-либо зайтейливым образом.
|
Допустим, для чего придумывать такой извращенный способ?
|
Цитата:
|
Вообще если нужно листать, то имхо просто нужно поставить контейнеру owerflow:hidden; и скролить его содержимое по нажатию клавиши на всю величину:
<div id="e" style="overflow:hidden;font:12/14px;width:300px;height:140px;border:1px solid #000;float:left"> В 1797, в десятилетнем возрасте стал студентом Франсуа Девьенна и Иоганна Георга Вундерлиха в Парижской консерватории. В те времена каждый флейтист, желавший получить диплом об окончании консерватории, должен был выиграть первый приз на ежегодном конкурсе флейтистов, и Гийю добился его в 1805 г. С 1816 г. Гийю — придворный музыкант короля Людовика XVIII, а в 1822—1826 годах солист оркестра Гранд-Опера. С 1819 по 1829 гг. Гийю профессор Парижской консерватории. Среди его учеников Луи Дорюс. Гийю был весьма обеспеченным человеком, однако какие-то значительные финансовые проблемы возникли в его жизни, и к концу 1820-х Гийю потерял все состояние. С 1829 он вынужденно начал активно гастролировать по Европе и, в конечном счете, с 1831 года навсегда обосновался в Санкт-Петербурге. </div> <input type="button" value="<" onclick="scroll(1)"> <input type="button" value=">" onclick="scroll()"> <script type="text/javascript"> function scroll(up) {document.getElementById('e').scrollTop+=up?-140:140;} </script> А разбивка на куски нужна только в кранйих случаях ибо красивой реализации не получится. ну разве что с моноширинным шрифтом, и то весьма не надёжно. |
Цитата:
Цитата:
Сначала вообще были мысли делить текст, исходя из пиксельных размеров контейнера и размера шрифта: сперва поделить всё на строки подходящей длины, потом брать нужное количество строк и вставлять. Но мне кажется это как-то слишком... короче, надеялся, что есть способ получше. хотя, возможно, извращенные задачи требуют извращенных методов) Aetae, спасибо вероятнее всего так и придется сделать, или еще какой-нибудь скроллинг придумать. |
Цитата:
|
Цитата:
тогда если включить overflow:hidden, можно ли извлечь только то, что отображается с учетом переноса строк и другого форматирования? |
Я тогда не понимаю чем вас не устраивает вариант Aetae?
|
Часовой пояс GMT +3, время: 04:55. |