Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 改变<;李>;以4行间隔从垂直到水平排列_Html_Css - Fatal编程技术网

Html 改变<;李>;以4行间隔从垂直到水平排列

Html 改变<;李>;以4行间隔从垂直到水平排列,html,css,Html,Css,我有一份ul li的清单,如下所示 项目第1行 项目行2 项目第3行 项目第4行 项目第5行 项目第6行 项目第7行 项目第8行 项目第9行 项目第10行 项目第11行 项目第12行 我需要改变一下,只有CSS才有可能 Item line 1 Item line 5 Item line 9 Item line 2 Item line 6 Item line 10 Item line 3 Item line 7

我有一份ul li的清单,如下所示

  • 项目第1行
  • 项目行2
  • 项目第3行
  • 项目第4行
  • 项目第5行
  • 项目第6行
  • 项目第7行
  • 项目第8行
  • 项目第9行
  • 项目第10行
  • 项目第11行
  • 项目第12行
我需要改变一下,只有CSS才有可能

Item line 1 Item line 5 Item line 9 Item line 2 Item line 6 Item line 10 Item line 3 Item line 7 Item line 11 Item line 4 Item line 8 Item line 12 项目行1项目行5项目行9 项目行2项目行6项目行10 项目行3项目行7项目行11 项目行4项目行8项目行12 问候


丹尼尔

使用
上的

ul{
栏目:3个;
}
  • 项目1
  • 项目2
  • 项目3
  • 项目4
  • 项目5
  • 项目6
  • 项目7
  • 项目8
  • 项目9
  • 项目10
  • 项目11
  • 项目12

阅读
专栏