column-width指定每一栏的宽度（这是多列布局的第一种分法）
column-count指定要多少栏（这是多列布局的第二种分法）
column-gap栏目间的距离
column-rule栏目间隔线
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .tttx{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 600px; width: 600px; border: 1px solid; /* ********** */ /* column-width: 200px; */ column-count: 4; column-gap: 20px; column-rule: 1px solid red; } </style> </head> <body> <div class="tttx"> <p class="inn"> 可笑的不是人们讲的笑话，可笑的是人们感到痛苦的不是 笑声代替了思考，而是他们根本不知道为什么笑，以及他们为什么 不去思考，看吧，承认吧，人们啊总是把自己放大，其实在这宇宙中 ，连一粒尘土都不及啊。 鲁迅先生想告诉我们的无非就是这些道理，想要救人，救中国人得 从人心入手，从思想开刀，因为人生而平等但人性无法从根医治，在如 今社会上，形形色色的人，无论是再优秀的人都会有一己之私，我也从不 相信有十全十美的人，人都是自信的，总是一边向别人索取一些东西，却又装作贫穷。 </p> </div> </body> </html>