html - 删除 ul 之间的空格

标签 html css

<分区>

我正在使用 <ul> 创建列表,但我需要它“团结”。即使我删除了所有的边框、填充和边距,它仍然在图像之间创建了一个空间。我怎样才能删除它?

<h4>An Unordered List:</h4>
<ul>
  <li><img class="nomarge" ..../></li>
  <li><img class="nomarge" ..../></li>
  <li><img class="nomarge" ..../></li>
</ul>
<ul>
  <li><img class="nomarge" ..../></li>
  <li><img class="nomarge" ..../></li>
  <li><img class="nomarge" ..../></li>
</ul>

CSS

ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border:  0px 0px 0px 0px;
    display: table;
    table-layout: fixed;
    display: inline;
}

li {
    padding: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;  
    display: table-cell;

}

最佳答案

使用这个 CSS:

img{ display: block;}

关于html - 删除 ul 之间的空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16942097/

相关文章:

html - 获得左边距并且无法弄清楚为什么

css - 直接通过 id 来设置元素样式而不是引用 css 类的 css 做法不好吗?

javascript - 2 列的纯 css 下拉菜单

css - 如何在多个 ID 或类上应用 CSS 元素属性

jquery - 如何将 "lock"单选按钮、复选框和 <select> 菜单变灰?

CSS 不能向左浮动

javascript - 如何在加载网站内容时显示加载屏幕

javascript - 如何重置最近的跨度对象的文本?

html - 如何使用按钮制作可编辑字段?

javascript - Div 动态调整为窗口高度,但在将更多内容添加到 HTML 时失败