如何更改列表中第一个元素之前和最后一个元素之后的间距

How to change spacing before 1st and after last element in a list

提问人:Thomas Hedden 提问时间:11/3/2023 更新时间:11/7/2023 访问量:34

问:

我正在为 EPUB 图书创建索引。我创建了具有子条目的条目,例如:

coal
    anthracite
    bituminous coal
    brown coal
    imports
    reserves
    seams
[next main index entry]

这里“煤”是主要索引条目,“无烟煤”等是子条目。问题在于,在第一个子条目之前和最后一个子条目之后有太多空间。(注意:不是在各个子条目之间。也就是说,它看起来像这样:

coal

    anthracite
    bituminous coal
    brown coal
    imports
    reserves
    seams
    
[next main index entry]

代码如下:

<body class="rear-matter" id="rear-matter">
<div class="rear-matter">
<h1 class="title" id="index">
<a href="contents.xhtml">Index</a></h1>

    <li epub:type="index-entry">
        <span epub:type="index-term">coal</span>
        <ul epub:type="index-entry-list">
            <li epub:type="index-entry">
                <span epub:type="index-term"><a href="chapter_1169115.xhtml#anthracite" id="coal_reserves">anthracite</a></span>
            </li>
            <li epub:type="index-entry">
                <span epub:type="index-term"><a href="chapter_1174195.xhtml#bituminous coal" id="bituminous coal">bituminous coal</a></span>
            </li>
            <li epub:type="index-entry">
                <span epub:type="index-term"><a href="chapter_1174195.xhtml#brown coal" id="brown coal">brown coal</a></span>
            </li>
            <li epub:type="index-entry">
                <span epub:type="index-term"><a href="chapter_1174195.xhtml#coal imports" id="coal imports">imports</a></span>
            </li>
            <li epub:type="index-entry">
                <span epub:type="index-term"><a href="chapter_1169115.xhtml#coal reserves" id="coal reserves">reserves</a></span>
            </li>
            <li epub:type="index-entry">
                <span epub:type="index-term"><a href="chapter_1169115.xhtml" id="coal_seams">seams</a></span>
            </li>
        </ul>
    </li>

我认为间距与标签<ul epub:type=“index-entry-list”>有关,但我不知道如何更改它。如何减少第一个子条目之前和最后一个子条目之后的空间?

谢谢 汤姆

HTML CSS XHTML EPUB

评论


答:

1赞 Roman Binarny 11/7/2023 #1

您可能正在寻找这样的东西:

ul {
  margin-block-start: 0.2em;
  margin-block-end: 1em;
}

更多的信息: https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start