Мне нужно создать страницу, подобную этойплавающий текст между двумя колоннами с белым пространством в середине
http://www.brightech.co.il/page.png
, где текст и изображение динамически вставленный на стороне сервера, и единственное, что остается постоянным - это пробел ниже левого столбца. Мне нужно, чтобы текст естественным образом продолжался от абзаца в верхнем левом столбце до нижнего правого.
Теперь одно решение (которое не может быть в css ..) должно было бы плавать по изображению вправо, создать белый div и поплавать. но нет float: bottom in css ...
У меня есть идея о том, как реализовать это, но это очень тяжело на стороне браузера - это было бы поместить весь текст в div, который является левой колонке, проверьте ее высоту. то, если он слишком длинный, переместите последнее слово в правый столбец. снова проверьте, если высота левого столбца слишком длинная, и переместите другое слово, пока оно не достигнет правильной высоты.
Я хотел бы услышать любые другие идеи о том, как это сделать, поскольку это было бы моим последним средством.
Если у вас есть решение для webkit css, было бы здорово, так как клиентская сторона является мобильным сафари.
Спасибо!
Большое спасибо, я использовал Columnizer и отлично работает. –
Добро пожаловать. –