Привет всем. Вопрос такой. Как сделать чтобы один текст шел на несколько блоков, блоки фиксированной величины, а желательно чтобы они ещё вытягивались равномерно в зависимости от текста. Пример на картинке.
Всмысле, как резать на колонки? делишь, берешь целую часть - это целые колонки. Остаток - это сколько будет нецелых =))
Автоматически никак. Можно добавить динамический рассчет с помощью JavaScript или предварительный рассчет на РНР, но с помощью HTML этого сделать, насколько я знаю, никак. Текст не будет перекладываться в другую ячейку таблицы ни при каких обстоятельствах, можно делать только на JS аверлей (и то, лишь визуально). Т.е менять структуру документа с переформировыванием.
Идея такая: HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(document).ready(function() { // Исходный текст var Source = new String($("#text").html()); // Кол-во символов в одной колонке var Length = Math.ceil(Source.length / 3); // Разбитый текст var Columns = new Array(Source.substr(0, Length), Source.substr(Length, Length), Source.substr((Length*2), Length+1)); $("#text").html('<table><tr><td>'+Columns[0]+'</td><td>'+Columns[1]+'</td><td>'+Columns[2]+'</td></tr></table>'); }); </script> <style> table { border-collapse: collapse; width: 90%; } td { border: 1px solid #000; padding: 10px; } </style> <title>Разбиение на колонки</title> </head> <body> <div id="text"> бла-бла-бла ... и это разнесет на три колонки бла-бла-бла ... и это разнесет на три колонки бла-бла-бла ... и это разнесет на три колонки бла-бла-бла ... и это разнесет на три колонки бла-бла-бла ... и это разнесет на три колонки бла-бла-бла ... и это разнесет на три колонки </div> </body> </html>
Ну и вроде как в HTML5 будет. Только пока никто не поддерживает... http://htmlmaster.ru/multiple_columns.html