Blogger Information
Blog 31
fans 2
comment 0
visits 27689
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
内容多栏/列显示
霏梦
Original
687 people have browsed it

- 作者:霏梦

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

column-count

Correcting teacher:天蓬老师天蓬老师

Correction status:unqualified

Teacher's comments:作业没有完成,先不要提交, 可以隐藏,或者不要当成"作业"发布就可以了
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post