Question

这么长的故事，很久以来，我一直在我的项目上使用CSS重置。

我试图制作一个常规的站点地图页面（你知道无序列表中的链接）以及当我这样做时（下面的代码）

<div id="smap">
    <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="about-us.php">About Us</a></li>
                <li>
                    <a href="products.php">Products</a>
                        <ul>
                            <li><a href="products.php">Cantaloupes</a></li>
                            <li><a href="products.php">Watermelons</a></li>
                            <li><a href="products.php">HoneyDews</a></li>
                        </ul>
                </li>
                <li><a href="sales-team.php">Sales Team</a></li>
                <li><a href="contact-us.php">Contact / Directions</a></li>
                <li><a href="growers.phpp">Growers</a></li>
                <li><a href="packers.php">Packers</a></li>
                <li><a href="shippers.php">Shippers</a></li>
                <li><a href="importers.php">Importers</a></li>
                <li><a href="distributors.php">Distributors</a></li>
            </ul>
</div>

列表出来但产品子项没有缩进。在CSS重置中，执行此操作的行是

vertical-align: baseline;

当我删除它时，虽然它恢复了我的站点地图列表中的缩进，但它在整个站点中搞砸了我的菜单。

我想特别针对那些列表，选择列出父div为“smap” 我想知道的是，默认情况下，什么是列表垂直对齐值？

例如，如果我这样做

#smap ul, li {vertical-alignment: SOMETHING; }

缩进列表的默认值是什么？

先谢谢。

Answer 1

如果您想在重置后恢复为任何属性的默认值，那么您应该使用值initial - 您可能需要阅读this article以获取更多信息。

但是，ul缩进由padding-left的{{1}}提供 - 请参阅http://dabblet.com/gist/3144582。我认为vertical-align不应该影响那个。

html / css为列表中的子项恢复ul缩进（应该很简单）

1 个答案: