Используя Blueprint CSS, как мы стилизуем 3 столбца, каждый шириной 300 пикселей, с полями или отступами 15 пикселей между ними?

Ширина области содержимого составляет 960 пикселей, с 3 столбцами, каждый по 300 пикселей, всего 900 пикселей, и с отступом / отступом 15 пикселей между столбцами, что составляет всего 30 пикселей, и, наконец, слева от 1-го столбца должен быть отступ 15 пикселей. /margin, и справа от 3-го столбца то же самое. Таким образом, общее количество равно 30px.

900px + 30px + 30px будет 960px.

Как это сделать в Blueprint/CSS? Это можно сделать с помощью простого CSS, но стандарт кодирования требует использования Blueprint CSS.


css blueprint-css
person nonopolarity    schedule 11.11.2010    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете переопределить классы Blueprint, см. здесь:

http://jsfiddle.net/JeaffreyGilbert/aznVd/

Я предполагаю, что вы используете Blueprint grid.css.

person Jeaf Gilbert    schedule 11.11.2010
comment
почти... за исключением того, что у них нет 15px до самого левого столбца и самого правого столбца? - person nonopolarity; 11.11.2010
comment
Вы должны выбрать, уменьшить ли ширину левого и правого большинства столбцов или добавить 30 пикселей к контейнеру. Я предполагаю, что вы решите добавить 30 пикселей в контейнер. Вот обновление: jsfiddle.net/JeaffreyGilbert/aznVd/3 - person Jeaf Gilbert; 11.11.2010