html - 如何摆脱UL左侧的空间？

好的，为解释这一点，我在这里提供了JSFiddle的访问：JSFiddle

我想删除UL左侧的间距，我尝试删除列表样式，但这不是workind。任何帮助表示赞赏。
谢谢。

ul li {
    list-style: none;
    display: inline;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

最佳答案

从列表本身中删除填充，而不仅仅是列表中的项目。

ul {
  padding: 0;
}

body {
  margin: 0 0 0 0px;
}
#header {
  background-color: #141414;
  height: 50px;
  width: 100%;
}
#wrapper {
  width: 100%;
  font-size: 0px;
}
#footer {
  background-color: #141414;
  width 100%;
  min-height: 200px;
}
ul li {
  list-style: none;
  display: inline;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
ul {
  padding: 0;
}
.galleryimg {
  width: 20%;
  margin: 0 auto;
}

<div id="header">

</div>
<div id="wrapper">
  <ul>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>

    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
    <li>
      <img class="galleryimg" src="http://placehold.it/500x500"></img>
    </li>
  </ul>
</div>
<div id="footer">
  sup m8
</div>

关于html - 如何摆脱UL左侧的空间？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28053127/