多列你不懂我，我不怪你每个人都有一个死角， 21 自己走不出来，别人也闯不进去。 22 我把最深沉的秘密放在那里。 23 你不懂我，我不怪你。 24 每个人都有一道伤口， 25 或深或浅，盖上布，以为不存在。 26 我把最殷虹的鲜血涂在那里。 27 你不懂我，我不怪你。 28 每个人都有一场爱恋， 29 用心、用情、用力，感动也感伤。 30 我把最炙热的心情藏在那里。 31 你不懂我，我不怪你。 32 每个人都有一行眼泪， 33 喝下的冰冷的水，酝酿成的热泪。 34 我把最心酸的委屈汇在那里。 35 你不懂我，我不怪你。 36 每个人都有一段告白， 37 忐忑、不安，却饱含真心和勇气。 38 我把最抒情的语言用在那里。 39 你不懂我，我不怪你。 40 你永远也看不见我最爱你的时候。 41 因为我只有在你看不见我的时候，才最爱你。 42 同样，你永远也看不见我最寂寞的时候， 43 因为我只有在你看不见我的时候，我才最寂寞。 44 也许，我太会隐藏自己的悲伤。 45 也许，我太会安慰自己的伤痕。 46 也许，你眼中的我，太会照顾自己。 47 所以，你从不考虑我的感受。 48 你以为，我可以很迅速的恢复过来，有些自私的以为。 49 从阴雨走到艳阳，我路过泥泞、路过风。 50 一路走来，你不曾懂我，我亦不曾怪你。

　　在 Chrome 中显示如下：

　　(2)、指定列之间的间隔

　　column-gap 属性用于规定列之间的间隔。

　　下面的代码，规定上面例子中三列的间隔为 40 像素：

1 #columns{ ::3; :4:40px; 8 }

　　在 Chrome 中显示如下：

　　(3)、列规则

　　column-rule 属性是一个简写属性，用于设置列之间的宽度，样式和颜色。

　　下面的代码，指定上面例子中三列之间的宽度、样式和颜色：

1 #columns{ ::3; :::40px; :::3px outset #F0F; 13 }

　　在 Chrome 中显示如下：

　　(4)、多列属性

　　下面是所有的 CSS3 多列属性：

属性 说明

columns 简写属性，设置列数和列宽

column-count 指定元素应分为的列数

column-width 指定列的宽度

column-gap 指定列之间差距

column-fill 指定如何填充列

column-rule 简写属性，用于设置所有列规则

column-rule-color 指定的列之间颜色规则

column-rule-style 指定的列之间的样式规则

column-rule-width 指定的列之间的宽度规则

column-span 指定一个元素应该横跨的列数

　　在 CSS3 中，新的用户界面特性包括调整元素尺寸、盒尺寸以及轮廓等。

　　(1)、CSS3 调整尺寸（resize）

　　CSS3 的 resize 属性用于指定一个元素是否应该由用户去调整大小。

　　 resize 属性在网站中应用非常广泛，比如在 QQ 网页邮箱中，博客园也使用了此效果。

　　注意：除了 IE 之外所有浏览器都支持该属性。

　　下的例子，DIV 元素可以自由调整大小：

调整尺寸resize 属性规定是否可由用户调整元素尺寸。