Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Перенос строк текста статьи в 2 колонку (https://javascript.ru/forum/misc/45509-perenos-strok-teksta-stati-v-2-kolonku.html)

Espey 03.03.2014 22:49

Перенос строк текста статьи в 2 колонку
 
Люди здравствуйте. Нужна ваша помощь. Мне для сайта нужна небольшая поправка.

Мне необходимо сделать фиксированное количество строк текста статьи и автоматический перенос ее во вторую колонку.

Можно ли средствами php это сделать?

skrudjmakdak 03.03.2014 23:27

эээээ здесь как бы форум javascript....

Espey 04.03.2014 01:08

Да я понял. Меня именно сюда и послали. Сказали, чтоб я обращался сюда, как средствами php нельзя этого сделать.

Я надеюсь, что подскажите. Просто я делаю сайт на джумле, Евангелию и мне нужно, выровнять текст в колонках, чтоб текст статьи автоматически перенасился во вторую колонку. Фиксированое количество строк и перенос ее во вторую колонку.

danik.js 04.03.2014 01:45

<!DOCTYPE html>
<meta charset="utf-8" />
<style>
	.columns{
		width: 600px;
		height: 120px;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		margin: 0 auto;
	}
	p{
		margin: 0 0 1em;
	}
</style>
<div class="columns">
	<p>Да я понял. Меня именно сюда и послали. Сказали, чтоб я обращался сюда, как средствами php нельзя этого сделать.</p>
	<p>Я надеюсь, что подскажите. Просто я делаю сайт на джумле, Евангелию и мне нужно, выровнять текст в колонках, чтоб текст статьи автоматически перенасился во вторую колонку. Фиксированое количество строк и перенос ее во вторую колонку.</p>
</div>


Не работает в IE8-9 и в опере до 11.1 версии. Если очень нужно - можно подключить jquery.columnizer.js

Espey 04.03.2014 11:34

Сейчас проверю, спасибо.

Espey 04.03.2014 15:47

Спасибо, получилось сделать. Только осталось сделать отступ от левой к правой колонке. Подскажите лузеру.

danik.js 04.03.2014 15:58

Свойство column-gap (также продублируй с префиксами)

Espey 06.03.2014 00:16

А как работает jquery.columnizer.js, как его использовать?

danik.js 06.03.2014 02:46

Цитата:

Сообщение от Espey
А как работает jquery.columnizer.js, как его использовать?

На сайте проекта разве нет описания и примеров? Он нужен только для IE8-9

kostyanet 06.03.2014 16:51

На вебе не должно быть колонок. Это пре-пресс со своими заморочками прецца в веб потеряв работу у станка.

Кстати, у Адобы был такой прикол, как сейчас не проверял. На весь гардероб у них был разработан один текстовый движок. Но применялся каждой апликухой по-своему. Но в API был доступ ко всему барахлу из любой апликухи. То есть в ФШ можно было заверстать многоколоночный текст со всеми эффектами векторного редактора, типа Люстры через API. Из UI - хрена, а через API - пжлста.

Я это к чему. Колонки не такое простое дело как кажется на первый взгляд. Кто хоть раз верстал эту хрень - тот знает. И вряд ли этот колумнизер хоть на парсек приблизился к адобскому engine. Так что и заморачиваться не стоит. На вебе есть 1 колонка под 1 тему и врезки. Типографика тут не стояла.

danik.js 06.03.2014 17:00

Цитата:

Сообщение от kostyanet
этот колумнизер

Этот "колумнизер" косит под нативную реализацию css3 columns, не более.
Тебе чем-то не нравится css3 columns?

kostyanet 06.03.2014 17:07

Как такое гавно может понравиться?

https://developer.mozilla.org/en-US/...column_layouts

Колумны, мля.

Вот в чем причина:

People have trouble reading text if lines are too long; if it takes too long for the eyes to move from the end of the one line to the beginning of the next, they lose track of which line they were on. Therefore...

конец цитаты.

Вранье. Не therefore, а because пипл отупел и в окнах работать разучился, распахивает паги на весь экран переключаясь между экранами как будто в ДОСе бедняга прозябает. И конечно уеб-дизайнеры симметрично рисуют паги на 1800 пикелов и ничтоже сумняще пихают туда портянки от края до края за вычетом навигации.

Синергизм идиотизма, вот что такое css3 columns.

kostyanet 06.03.2014 17:12

Ну да, у меня форум занимает меньше 2/3 ширины экрана, под ним я вижу еще несколько окон. В процессе они там накапливаются бывает десятками. Некоторые я вижу по заголовкам, некоторые по выступающей части, в смысле могу идентифицировать не прибегая к анальным методам типа вкладок или еще более анальным. Поэтому мне не приходится переключаться между экранами и более того - между окнами чтобы написать статью о предмете сведения о котором я поискал и нашел. Я вижу эти сведения в одном окне, а пишу в другом одновременно. Ну нахер мне колонки?

danik.js 06.03.2014 17:14

Цитата:

Сообщение от kostyanet
Синергизм идиотизма, вот что такое css3 columns.

Можешь сообщишь об этом в w3c? Ато они то наверно не вкурсе )))

Между прочим колонки не только для верстки текста можно использовать...

kostyanet 06.03.2014 17:15

А, понятно, оказывается если распахнуть окно то по краям появляются черно-зеленые поля, а сообщения занимают центральную часть как раз примерно в 2/3 ширины. А я думаю почему иногда черный сверкает под белым фоном на этом форуме - оказывается это туловище тут такое. Я и не видел пока что.

kostyanet 06.03.2014 17:17

Цитата:

Сообщение от danik.js
Между прочим колонки не только для верстки текста можно использовать...

Тоже хотел об этом написать. Как и таблицы колонки ждет блестящее будущее. Я сам недавно столкнулся с такой задачей когда надо было уложить пикчи рядами сверху вниз и слева направо. Сделал через ul-li с хитрыми css, а колоночки бы очень подошли, да.

kostyanet 06.03.2014 17:27

Для верстки текста колонками моторчик должен быть помощнее нынешнего кобыл так на 100500. Сейчас даже выключка по ширине (justify) стандартно не поддерживается, а где поддерживается то за счет трекинга. Узкая колонка выглядит как гавно, широкая смысла не имеет.

В печати вы можете не замечать особенно если не знаете эффекта непропорционального масштабирования глифов, которое служит для выравнивания блока по заданным параметрам. Одна сцуко буква не влезает скажем - слово переносится, остаток разгоняется трекингом - жопа. А если поджать буковки, сперва конечно трекингом, но там есть предел, за пределом сжимаются глифы, по микрону на каждый и опа - буковка влезла, строка встала - красота. Машина шопесец сложная.

На вебе осложняется еще. Потому что куда тут нах двигать и сжимать? Самый могучий экран это 120 ppi скажем. Мало пикселов для такой технологии.

Улавливаете? Колонки потребовались из-за роста пикселяжа и будучи внедрены они потребуют еще пикселов и еще и еще. Вот так.

kostyanet 06.03.2014 17:31

В общем будущее веба это ПеДиЭф.


Часовой пояс GMT +3, время: 00:08.