2

CSS 和 HTML 代码如下所示。我使用了 eric meyer 的重置脚本。我编辑了我认为相关的那个。

    /* reset CSS script */

ol, ul {
    list-style: none;
}

/* End of reset CSS script */

#navbar {
    border: 5px solid red;
    margin: -580px 0 0 160px;
    width: 1500px; 

    font-size: 26px;
    font-family: 'Conv_LITHOSPRO-REGULAR';
}
#navbar ul li {     
        display:inline;
        padding:0 35px 0 0; 
        list-style-type:disc;
        }

这是 HTML 代码。

        <nav id="navbar">
            <ul id="hli">
                <li id="OP"><a  href="Orders.html">Your Order</a></li>
                <li id="MP"><a  href="Menu.html">Menu</a></li>
                <li id="CUP"><a  href="ContactUs.html">Contact Us</a></li>
                <li id="JP"><a  href="Jobs.html" target="_blank">Jobs</a></li>
                <li id="TCP"><a  href="TC.html">Terms & Conditions</a></li>
            </ul>   
        </nav>
4

2 回答 2

7

该list-style-type属性仅适用于元素display: list-item。因此，如果您想在已转换为内联元素的列表项之前放置一些标记，则必须直接或通过生成的内容将标记添加到内容中。例如，以下在每个项目之前放置一个项目符号“•”和一个空格：

#navbar ul li:before {
   content: "\2022  "
}
于 2012-07-18T14:27:06.300 回答
0

在我的情况下，overflow-x:hidden 导致了这个问题。

于 2021-05-04T15:59:25.290 回答