Управление распределением с количеством столбцов - PullRequest
Новая
       20

Управление распределением с количеством столбцов

0 голосов
/ 05 октября 2011

ВЫПУСК: http://www.offprint.am/0811861538/

Есть ли способ предотвратить разделение содержимого столбца внутри одного п / п? Кажется, что работает содержание внутри div и присваивает ему свойство height, но я ищу что-то более универсальное / не для записи по записи.

В идеале, если нет ОГРОМНОГО количества текста (http://www.offprint.am/wp/3836516861/) Я хочу, чтобы описание было слева, а информация - справа. Я смог сделать это с помощью двух div (float: left) за пределами контейнер с колоннами, но я изо всех сил пытался выровнять их по центру.

Последнее (w / divs) будет предпочтительным решением, но я воспользуюсь любой помощью, которую смогу получить прямо сейчас.

Кроме:

.entry - это основной контейнер с колонкой и др. Для работы с плавающей точкой я сделал два контейнера (.desc & .info) display: block; float: left и заимствовал свойства border / spacing из .entry (.desc padding-right: 30px; border-right: 1px dashed #eee; / .info padding-left: 30px;)

Хотя он делал то, что хотел, по большей части, он просто не центрировался.

1 Ответ

0 голосов
/ 05 октября 2011

удалить из .entry следующее: 

-moz-column-count: 2;
-moz-column-gap: 60px;
-moz-column-rule: 1px dashed #EEEEEE;

добавить добавить overflow: hidden;

Затем измените .entry p на:

* * 1010

также добавить следующее:

.entry .info { float: left; width: 300px; }

...