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>