cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <h2>CSS3 多列布局</h2>
<div class="article">
唐诗泛指创作于唐朝的诗。唐诗是中华民族最珍贵的文化遗产之一,是中华文化宝库中的一颗明珠,同时也对世界上许多民族和国家的文化发展产生了很大影响,对于后人研究唐代的政治、民情、风俗、文化等都有重要的参考意义和价值。<br/><br/>
  
唐诗的形式是多种多样的。唐代的古体诗,主要有五言和七言两种。近体诗也有两种,一种叫做绝句,一种叫做律诗。绝句和律诗又各有五言和七言之不同。所以唐诗的基本形式基本上有这样六种:五言古体诗,七言古体诗,五言绝句,七言绝句,五言律诗,七言律诗。古体诗对音韵格律的要求比较宽:一首之中,句数可多可少,篇章可长可短,韵脚可以转换。近体诗对音韵格律的要求比较严:一首诗的句数有限定,即绝句四句,律诗八句,每句诗中用字的平仄声,有一定的规律,韵脚不能转换;律诗还要求中间四句成为对仗。古体诗的风格是前代流传下来的,所以又叫古风。近体诗有严整的格律,所以有人又称它为格律诗。<br/><br/>

宋词是一种新体诗歌,宋代盛行的一种汉族文学体裁,标志宋代文学的最高成就。宋词句子有长有短,便于歌唱。因是合乐的歌词,故又称曲子词、乐府、乐章、长短句、诗余、琴趣等。始于汉,定型于唐、五代,盛于宋。宋词是中国古代汉族文学皇冠上光辉夺目的明珠,在古代汉族文学的阆苑里,她是一座芬芳绚丽的园圃。她以姹紫嫣红、千姿百态的神韵,与唐诗争奇,与元曲斗艳,历来与唐诗并称双绝,都代表一代文学之盛。后有同名书籍《宋词》。<br/><br/>

元曲是元代文学主体。所谓元曲,实包含两个部分:一是散曲,一是杂剧。散曲可以说是元代的新体诗,杂剧是元代的戏剧;散曲可以独立,同时又是构成元代歌剧的主要部份;双方关系非常密切,但它们却各有诗的与戏剧的独立生命。曲是词的替身,无论从音乐的基础或是形式的构造上,都是从词演化出来的,词本起于民间,流传於歌女伶工之口,既便于书写情怀,又宜于歌唱,原是一种通俗文学。 他们在旧的歌曲中求变化,在新起于民间的小调中求资料,接著有乐师来正谱,文人 来修辞,后来作者渐多,曲调日富,渐渐的形成一种与词不同的的体裁,而成为一种 继词而起的便于歌唱的新兴文学了。
  
</div>
            
          
!
            
              @media screen and (min-width: 600px){
			.article {
				columns: 2;
				column-gap: 2em;
			}
		}
		@media screen and (min-width: 1200px){
			.article {
				columns: 3;
				column-gap: 2em;
			}
		}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console