Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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+;css_Html_Css - Fatal编程技术网

在水平列表html+;css

在水平列表html+;css,html,css,Html,Css,我想创建一个如下所示的列表: ---项目------------------项目2…等(破折号仅用于stackoverflow上的间距) --子项------------子项2 --子项------------子项2 我知道我可以使用以下语法创建子列表: <html> <ul> <li>Item <ul> <

我想创建一个如下所示的列表:

---项目------------------项目2…等(破折号仅用于stackoverflow上的间距)

--子项------------子项2

--子项------------子项2

我知道我可以使用以下语法创建子列表:

         <html>
          <ul> 
            <li>Item
                <ul> 
                   <li>subitem</li>
                </ul>
             </li>
             <li>Item2
                <ul> 
                   <li>subitem2</li>
                </ul>
             </li>
           </ul>
          </html>

  • 项目
    • 分项
  • 项目2
    • 分项2
但我如何设计它们来满足我的愿望呢?我通常非常擅长css,但我必须承认我不经常使用列表,所以在设计它们的样式时我有点困惑。你能帮我吗

ul li{
    display:inline-block;
    margin-right:20px;
}
ul ul{
    padding-left: 0;
}
ul ul li{
    display:block;
    margin:0;
}

这就是你要找的吗?只需制作2列..@JoshC first..我需要2列以上..其次我不能使用表格..@SpiderLinked我不是说HTML表格列,为了澄清,看看你是否认为你可以使用always upvote,在提问之前,进行搜索,你会找到解决方案