内容多栏/列显示

- 作者：霏梦

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>内容多栏/列显示</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      :root {
        color: orange;
      }
      div {
        border: 1px solid greenyellow;
        padding: 10px;
        width: 60rem;
        margin: 30px auto;
        /* 分列显示 */
        column-count: 3;
        /* column-width: 10rem; */
        /* column-rule-style: solid; */
        /* column-rule-width: 1px; */
        column-rule: 1px solid red;
      }
    </style>
  </head>
  <body>
    <div>
      16日发布会上初步判断这起聚集性疫情是由人际传播或物品、环境污染引发的感染所至，现在有没有更新的判断？吴尊友：目前还没有。首先在新发地发生这样一起疫情就很蹊跷，它不是源于北京，一定是北京以外的人或者物，把病毒带到了新发地。
      物品最有可能是一些温度比较低、冷冻的物品。因为在这样的环境温度下，病毒存活时间比较长。如果是人，可能是两类：一类就是在市场工作的人员。二类可能就是顾客。
    </div>
  </body>
</html>
column-count
- 作者：霏梦

相关文章
