Blueprint CSS framework 分析(10)_CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程

-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {

float: left;

margin-right: 10px;

}

/* The last column in a row needs this class.

右侧的column需要将右边距调为0

.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column.

最重要的部分,.span-x,为容器占用的column数

.span-1 {width: 30px;}

.span-2 {width: 70px;}

.span-3 {width: 110px;}

.span-4 {width: 150px;}

.span-5 {width: 190px;}

.span-6 {width: 230px;}

.span-7 {width: 270px;}

.span-8 {width: 310px;}

.span-9 {width: 350px;}

.span-10 {width: 390px;}

.span-11 {width: 430px;}

.span-12 {width: 470px;}

.span-13 {width: 510px;}

.span-14 {width: 550px;}

CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程 - CSS中国