代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多列布局</title>
<style>
p{
width: 1500px;
/*设置列数*/
-webkit-column-count: 2;
/*指定每列固定宽度,实际宽度根据容器宽度而定*/
-webkit-column-width: 450px;
/*这是列之间的空隙*/
-webkit-column-gap: 5em;
/*设置列之间的分割线*/
-webkit-column-rule: 5px solid silver;
font-family: "一纸情书","微软雅黑";
font-size: 20px;
margin: 0 auto;
}
</style>
</head>
<body>
<p>
以1966年的《奥特Q》为首,自同年刚播出的《初代奥特曼》开始,建立了“巨大英雄与怪兽对战”的模式。昭和时代的奥特曼作品
(《奥特曼》至《爱迪·奥特曼》)中奥特曼英雄的出身地均设定成“M78星云”的宇宙人,(例外:雷欧·奥特曼及其弟弟阿斯特拉·奥特曼
则设定为狮子座L77星的奥特曼;乔尼亚斯·奥特曼设定为U40奥特之星的奥特曼)但自1996年的《迪迦·奥特曼》起则打破了这个传统观念,
并将奥特曼加入了不同的形态转换能力。中国台湾早期则有《飞天超空人》《大超人》《银河飞超人》《超人战士》等译名,后来受中国香
港的影响也曾经一度用过《咸蛋超人》的译名。
</p>
</body>
</html>
结果图