Question

我正在尝试证明可变数量的li元素，以填充ul块的宽度，它们之间的间距相等。在元素之间保持最小距离是很重要的。我尝试了StackOverflow答案的各种解决方案，例如https://stackoverflow.com/a/10020586/3897243，但没有一个能为我解决。

HTML：

<ul class="clearfix">
    <li><a href="/projektek/covenantal-cathexion/">Covenantal</a>
    </li>
    <li><a href="/projektek/inyoite-unstintingly/">Inyoite</a>
    </li>
    <li><a href="/projektek/myopical-gaspingly/">Myopical</a>
    </li>
    <li><a href="/projektek/funiculate-periarthritis/">Funiculate</a>
    </li>
    <li><a href="/projektek/uncompromisingness-mastatrophia/">Uncompromisingness</a>
    </li>
</ul>

CSS：

li {
    float: left;
    list-style: none;
    font-size: 20px;
    line-height: 1.5;
    display: inline-block;
}
ul::after {
    width: 100%; 
    display: inline-block; 
    content: "."; 
    visibility: hidden
}
li {
    display: inline-block
}

https://jsfiddle.net/r1mw5j9h/

Answer 1

在display:table; width:100%;上使用<ul>和display:table-cell; text-align:center;上的<li>将确保使用最小可用宽度并排放置所有元素，并将分割可用元素当有更多空间给予时，均匀填充。

在此处查看您的更新小提琴：https://jsfiddle.net/r1mw5j9h/2/

Answer 2

如果您想在每个元素之间留出空格，请尝试设置

protected void Repeater_ItemCommand(object source, RepeaterCommandEventArgs e){

       if (e.CommandName == "Redirect")
       {
             Response.Redirect("~/Other.aspx?id=" + e.CommandArgument, true);
       }
}

padding属性将为您提供元素之间的空间。这就是你想要的吗？

Answer 3

which

mureinik@comupter ~ $ which mkdir
/usr/bin/mkdir

李元素来证明

3 个答案: