代码
提交代码
<!DOCTYPE html> <html> <head> <style> .demo{ -webkit-columns:200px 2; column-gap:100px; column-rule:1px solid #ccc; } .head{ column-span:all; text-align: center; } p{ margin: 0; background: #ccc; column-fill:balance; } </style> <div class="demo"> <p class="head"> 再别康桥 </p> <p> 轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。 那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。 软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草! 那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。 寻梦? </p> <p> 撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。 但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥! 悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。 </p> </div> </head> <body>
运行结果