Question

如何减少html中无序列表项之间的空间？我尝试使用margin和padding为零。但是它不起作用。帮我解决这个问题。

例如：

＆＃13;

    <UL>
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>   
    </UL>

    <UL>
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>
    </UL>

    <UL>
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>    
    </UL>

＆＃13;

Answer 1

您可以使用line-height

<强>更新你需要制作margin:0（你可以根据你调整保证金价值。）

ul{margin:0}
li{line-height:13px}

<UL>
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>   
    </UL>

    <UL>
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>
    </UL>

    <UL>
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>    
    </UL>

Answer 2

首先重置你的CSS 您可以使用负值来缩小间距。

ul li {
  margin: -5px;
}

但不建议按标准使用，仅在特定条件下使用。

Answer 3

您可以使用line-height控制空间。在UL之间，您可以设置margin:0以减少空间。

＆＃13;

    <UL style="line-height:0.8;margin:0">
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>   
    </UL>

    <UL style="line-height:1;margin:0">
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>
    </UL>

    <UL style="line-height:1.8;margin:0.5em">
    <LI>ONE</LI>
    <LI>TWO</LI>
    <LI>THREE</LI>
    <LI>FOUR</LI>
    <LI>FIVE</LI>    
    </UL>

＆＃13;

Answer 4

在样式表中添加以下内容

风格

ul{margin-top:0;margin-bottom:0}

Answer 5

您可以使用以下代码。在CSS部分添加代码。它会对你有所帮助。

<强> CSS

 li {  line-height:11px; }
   ul{margin:0px;}

Answer 6

您可以使用此功能，但绝不使用负值。因为有些浏览器不接受tp

for (int i = 2; i < RowCount; i++)
{
    //checkaftersave = _driver.FindElement(By.XPath("//div[2]/div/div/ul/li/ul/li[" + i + "]/input")).Selected;
    Assert.AreEqual(_driver.FindElement(By.XPath("//div[2]/div/div/ul/li/ul/li[" + i + "]/input")).Selected, "true");
}

无序列表之间的空间

6 个答案: