Javascript li元素占据了整个屏幕的宽度

我正在做一个简单的移动网站。在其中的一部分，我有一个无序的列表

<ul id="list" class="sortable"></ul>

li元素是通过javaScript动态添加的。我的问题是输出没有覆盖整个屏幕的宽度。从屏幕截图中可以明显看出，开始时还有很多空间：

怎么了？我该怎么办？如何修复此问题？

尝试以下方法：

使包含该li的ul没有边距或填充

#列表{边距：0；填充：0；}

您还可以尝试向

li

css添加

display:block

编辑（感谢elclanrs）：UL和LI都是块级元素。这只不过是你在ul上的空白/空白造成的。

试试这个：

ul#list{
    margin:0;
    padding:0;   
}

使包含该li的ul没有边距或填充

#列表{边距：0；填充：0；}

您还可以尝试向

li

css添加

display:block

编辑（感谢elclanrs）：UL和LI都是块级元素。这只不过是你在ul上的空白/空白造成的。

试试这个：

ul#list{
    margin:0;
    padding:0;   
}

使包含该li的ul没有边距或填充

#列表{边距：0；填充：0；}

您还可以尝试向

li

css添加

display:block

编辑（感谢elclanrs）：UL和LI都是块级元素。这只不过是你在ul上的空白/空白造成的。

试试这个：

ul#list{
    margin:0;
    padding:0;   
}

使包含该li的ul没有边距或填充

#列表{边距：0；填充：0；}

您还可以尝试向

li

css添加

display:block

编辑（感谢elclanrs）：UL和LI都是块级元素。这只不过是你在ul上的空白/空白才是罪魁祸首

ul#list{
    margin:0;
    padding:0;   
}

---

提示：打开浏览器的inspector，您将看到发生了什么。这是调试标记和样式的第一步。提示：打开浏览器的检查器，您将看到发生了什么。这是调试标记和样式的第一步。提示：打开浏览器的检查器，您将看到发生了什么。这是调试标记和样式的第一步。提示：打开浏览器的检查器，您将看到发生了什么。这是调试标记和样式的第一步。