css3多列example

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css3多列example相关的知识,希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style type="text/css">
 7 
 8         /*
 9         Internet Explorer 10 和 Opera 支持多列属性。
10         Firefox 需要前缀 -moz-。
11         Chrome 和 Safari 需要前缀 -webkit-。
12         注释:Internet Explorer 9 以及更早的版本不支持多列属性。
13 
14         Firefox 不支持 column-span属性
15         */
16         div {
17 
18             -moz-column-count: 5;
19             -webkit-column-count: 5;
20             column-count: 5;/*指定列数*/
21 
22             -moz-column-gap: 5px;
23             -webkit-column-gap: 5px;
24             column-gap: 5px;/*指定列之间的间隔*/
25 
26             -moz-column-rule: 3px dotted red;
27             -webkit-column-rule: 3px dotted red;
28             column-rule: 3px dotted red;/*指定列之间的宽度 样式 颜色*/
29 
30             -webkit-column-width:200px;
31             -moz-column-width:200px;
32             column-width:200px;/*指定每列的宽度 auto|length*/
33         }
34 
35         div h1 {
36             -ms-grid-column-span: all;
37             -webkit-column-span: all;
38             column-span: all;
39         }
40     </style>
41 </head>
42 <body>
43 <div>
44     <h1>习大大电贺洪秀柱当选国民党主席</h1>
45     林秀芹:各位好,欢迎收看今日的新闻今日谈,我是林秀芹。那节目一开始,告诉你个最新消息,是关注台湾方面.国民党今天进行了党主席的补选,刚刚计票结果已经出炉,是由前立法院副院长洪秀柱拿下了七万八千多票,是囊括了五成六的得票率,当选了这一次国民党党主席。
46     好,下面话题我们请出实时评论员杜平来和我们看看,您怎么看洪秀柱当选了国民党的新任党主席。大家都很期待说,洪秀柱当了一个新任党主席之后,怎么带领国民党来进行改革,也就是可以脱胎换骨,一扫败选的阴霾,重新再东山再起呢。
47 
48     杜平:我觉得洪秀柱之所以当选,可能国民党内部对她的期望还是蛮高的,虽然今天的投票率,国民党党员投票率多少,百分之四十一。
49 
50     林秀芹:对,四成一,比上一次朱立伦的五成多更少一点。
51 
52     杜平:比上一次是要稍微少一点,但毕竟她还是代表了多数,56%以上的选票她都获得了,说明对她的期望还是蛮高的,一方面我是感觉到洪秀柱作为一个女性,在国民党里面,特别是在这次这个大选,台湾大选当中所表现出来的敢于担当的精神,有可能会大刀阔斧的精神,可能对于一些问题,就直接了当的说明,不隐讳,甚至给人感觉不那么自私,好象给人家感觉还是在国民党里面应该是可以担当重任的。那么这个呢,在她被迫退选的时候,就很多人一直在希望她能够问鼎党主席的位置,那么说明大家对她还是抱着相当大的期待。同时另一方面,因为是被迫退出大选的竞争,所以呢也会有一些同情票。
53 
54     林秀芹:换柱风波下的牺牲。
55 
56     杜平:会有一些同情票来支持她,但是不管怎么样,洪秀柱跟其她的党主席的参选人相比的话。我是觉得,大家主观上希望她担任,第二个,她确实也具备这样的能力,至少说在她选举的时候,再次重申的,比如说国民党党魂,有担当精神,不要以小我来压倒大我等等像这样的精神还是存在的,所以将来呢她所要做的事情,肯定是面对的问题当然也是非常多,这次大选里面已经充分的显示出来国民党内部的问题太多了。不团结,相互之间勾心斗角的事情,国民党老化。
57 
58     年轻一代,新生代我们看不到有谁可以作为一个领军人物,目前没有,所以我是觉得让国民党百年老店,能够变得更加年轻,让大家感觉到有活力,同时在一些大是大非问题上能够有担当,有坚持,我觉得洪秀柱可以推动,不见得就说把这国民党全部改变的大家所希望的那样的国民党,但至少在目前国民党内部,就是很多的百病丛生的这种状况之下,她能够站起来,能够让改革继续地进行,我觉得还是能够给国民党带来一些新的东西。
59 
60     林秀芹:其实大家关注洪秀柱这一次可谓一扫国民党的败选阴霾,前几次九合一大选,就搞掉一个马英九,他辞去党主席换朱立伦上台,朱立伦在今年领导人大选败给了蔡英文,他同时也是下台请罪,所以呢才会有这一次党主席补选的一个产生,所以大家在看洪秀柱怎么样带领国民党,可以来打赢下一次的选战。
61 
62     杜平:我觉得如何带领国民党打下一次选战还言之过早,因为现在国民党在这次党主席选举之后,还会发生什么事情,我们还很难预料。比如说在党内,说实话,那些本土派对洪秀柱还是不满,在她参加大选的时候,也有很多的人说,如果她要参选的话,可能就会出现一个分裂的局面,那么现在她当党主席的时候,能不能把国民党不同的这些派别,或者是不同的观点的人,能够重新聚合在一起,团结,就是产生一种团结的力量,这个是最关键的,只要有团结的话,那将来,比如说面对其她的任何一个政治选举或者问题都好办,问题就是说她能不能把这个党给团结起来,不只是说跟她在两岸问题,或者是台湾的身份认同问题上有一致的人能跟着她走。
63 
64     而且另外一方面,不同观念的人能够在这个党的旗帜之下,继续的在发挥些比较积极的作用,这个可能它是最大的一个挑战。另外一方面比如说,比如说真的要,她带领国民党下一届选举的话,当然还有好几年时间,那必须要培养一些新一代的人,有新的一些人,培养他们,让他们担当更多的一些事情,做更多的一些重要的作用,这个可能就是慢慢经过四五年的培养,可能会出现一个新的领军人物,但是只是靠现在,大家年龄都比较大了,靠这一代的话我觉得就是看不出,有谁能够担此大任。
65 
66     林秀芹:其实这一次呢洪秀柱的出现,可以说是在台湾方面大家其实是,也是预料中的事情,我们也提到说,可能是她的知名度较高。相较于,这次有四位候选人来参选,我们有陈学圣,还有李新,包括黄敏惠以及就是洪秀柱了,在票据上面的话,其实洪秀柱她是最高票,拿下五成六,然后黄敏惠其实有三成三的得票率,其实她虽然是离洪秀柱有一段差距,但是有相差不了多少,你怎么看待这两个女人之间在国民党之间扮演的角色?就是像女人来当家的。
67 
68     杜平:她们各自都有她们的支持者对吧,就是洪秀柱,她当然,她昨天讲到说,如果要今天的选举的话,要一次过关就好了,不要再来第二次了,其实大家其是比较担心,她们两人就旗鼓相当的情况之下,两个人都超不了这个半数,那4月16号的话再来一次选举,其实当时对这个前景看的还不是非常笃定,非常有掌握,但是这次呢,今天刚刚宣布出来结果表明,就是相差其大,56%点以上然后30%多,当然黄敏惠在党内也是得到了相当多的支持,那么这两个人将来在国民党里面不应该再成为对手了,就是选举的时候可以成为对手,但是将来不能够成为对手了,共同的让国民党再团结起来,国民党再也禁不起折腾了,更禁不起分裂了,前两次丢掉政权都是因为党内不团结造成的,这是个非常严重的一个教训。
69 
70     林秀芹:我们刚刚提到两个女人的之争,最后是洪秀柱来出现,其实国民党在之前都是男人当家,包括马英九、朱立伦,还有其他的国民党的高层级的人物,您怎么看待由洪秀柱当家之后,国民党的不一样的变化?
71 
72     杜平:我觉得这个洪秀柱当家之后,应该出现更多的男人,就阳刚精神的国民党党员。我曾经开玩笑说,这个洪秀柱就是去年选举的时候,就参选的时候,宣布的时候,那种担当精神给人感觉,好像国民党只有她这个女人是男人,其她的男人好像都是为了自私的,个人的考虑。
73 
74     林秀芹:小辣风范出来了。
75 </div>
76 </body>
77 </html>

技术分享

以上是关于css3多列example的主要内容,如果未能解决你的问题,请参考以下文章

CSS3之多列

CSS3 多列

CSS3 | 超简单的CSS3多列布局

css3 -- 多列

CSS3 多列列表

CSS3之多列布局