Поместить колонку в отдельный див

@К у К л о в о Д · Регистрация: 26.11.2013

Author24 — интернет-сервис помощи студентам

день добрый. Есть такой контейнер для текста, в нем текст делится на 3 колонки, как сделать что бы каждая колонка была в отдельном <div>?

HTML5

<div class="column">
   <p>Дистинкция дискредитирует непредвиденный интеллект, учитывая опасность,
   которую представляли собой писания Дюринга для не окрепшего еще немецкого
   рабочего движения. Аподейктика порождена временем. Платоновская академия
   методологически преобразует трансцендентальный предмет деятельности, хотя в
   официозе принято обратное. Отношение к современности реально создает позитивизм,
   однако Зигварт считал критерием истинности необходимость и общезначимость,
   для которых нет никакой опоры в объективном мире. Культ джайнизма включает
   в себя поклонение Махавире и другим тиртханкарам, поэтому гетерономная этика
   преобразует типичный принцип восприятия, при этом буквы А, В, I, О символизируют
   соответственно общеутвердительное, общеотрицательное, частноутвердительное и
   частноотрицательное суждения. Катарсис, по определению, непредвзято оспособляет
   онтологический даосизм, при этом буквы А, В, I, О символизируют соответственно
   общеутвердительное, общеотрицательное, частноутвердительное и частноотрицательное
   суждения.</p>
  </div>

CSS

.column {
    width:100%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
   }

Размеры .column зависят от экрана и могут быть различных размеров.

@Shucach · 27.01.2015, 14:41

Прописать в ручную, или использовать JQuery.

@Goldsilver · 27.01.2015, 15:22

держите ништяки

@К у К л о в о Д · 28.01.2015, 04:35 **[ТС]**

Как прописать в ручную, может такое произойти что, на ноуте я смотрю все нормально, а на большом монике буду смотреть, там будет соседний <div> залазить в колонку слева. Если бы знал как прописать на JQuery, тогда бы не спрашивал, есть предложение как это сделать?
http://jsfiddle.net/apqx7oja/

HTML5

<div class="column">
   <p><div>Дистинкция дискредитирует непредвиденный интеллект, учитывая опасность,
   которую представляли собой писания Дюринга для не окрепшего еще немецкого
   рабочего движения. Аподейктика порождена временем. Платоновская академия
   методологически преобразует трансцендентальный предмет деятельности, хотя в
       официозе принято обратное.</div> <div>Отношение к современности реально создает позитивизм,
   однако Зигварт считал критерием истинности необходимость и общезначимость,
   для которых нет никакой опоры в объективном мире. Культ джайнизма включает
   в себя поклонение Махавире и другим тиртханкарам, поэтому гетерономная этика
   преобразует типичный принцип восприятия, при этом буквы А, В, I, О символизируют
   соответственно общеутвердительное, общеотрицательное, частноутвердительное и
       частноотрицательное суждения.</div><div> Катарсис, по определению, непредвзято оспособляет
   онтологический даосизм, при этом буквы А, В, I, О символизируют соответственно
   общеутвердительное, общеотрицательное, частноутвердительное и частноотрицательное
   суждения.<div></p>
  </div>

CSS

.column {
    width:100%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
   }
.column div{
    border:solid #000 1px;
}

Добавлено через 1 минуту

Сообщение от Goldsilver

держите ништяки

Спасибо, прочитал все, но не нашел то что нужно, может плохо искал? Кстати можно не засовывать каждую колонку в див, можно просто доступ к каждой колонке получить, только я не знаю как.

@Shucach 5 / 5 / 1 Регистрация: 15.10.2013 Сообщений: 178
	27.01.2015, 14:41	2
	Прописать в ручную, или использовать JQuery. 0

@Goldsilver 9 / 9 / 5 Регистрация: 14.01.2015 Сообщений: 173
	27.01.2015, 15:22	3
	держите ништяки 1

	28.01.2015, 04:35