Question

我在html页面中编写了一个无序列表。我使用css类获取“li”标签的子弹。但子弹没有显示，而是水平线正在出现。我正在写ColdFusion（.cfm）页面的html页面。

我的html页面：

<!DOCTYPE HTML>

<html>
<head>
<title>Resource Optimization</title>

<META NAME="resource-type" CONTENT="document">
<META NAME="Description" CONTENT="DEPT: RESOURCE Optimization: Index">
<META NAME="KeyWords" CONTENT="Departments, Index, DEPT, Resource, Management, North, Generation, Report, Reports, OATI, On, Line, Tagging, Daily, Gas, Totals, Energy, Marketing, Purchase, Sales, Schedule, Schedules, Pricing, Pathing, Optimization">
<META NAME="Author" CONTENT="Intranet Contruction Crew for Sierra Pacific Resources">
<META NAME="Reply-to" CONTENT="dtheiss@nevp.com">
<META NAME="Generator" CONTENT="ColdFusion Studio 4.0">
<META NAME="Copyright" CONTENT="2000 Sierra Pacific Resources">

<META HTTP-EQUIV="content-style-type" CONTENT="text/css">
<META HTTP-EQUIV="content-language" CONTENT="en-US">
<style type="text/css">
ul.list{
list-style-type:circle;
}
</style>

</head>

<cfinclude template="/matrix_nav_top_full_min.cfm"><br> 

<!--- <body> --->
<div id="page">
    <div class="container">
        <div class="container-inner">       
                <div class="page-container" >
                <!--- <cfinclude template="/matrix_nav_top_full.cfm"> --->
                <!-------Resource Management DEPARTMENT INDEX PAGE---------->
                <font style="font-family: Verdana, Arial, Helvetica; font-size: 10pt;">
                <div align="right" style="background-color:FFFFFF; "><strong>Keyword: RM</strong></div>
                <div align="left" style="background-color:FFFFFF; ">
                <!---LOKI 17129 &nbsp;&nbsp;<img src="/dept/Graphics/title_resourceMgmt.jpg" width="480" height="40" border="0" alt="Resource Management Department">--->
                <!--- LOKI 19816&nbsp;&nbsp;&nbsp;<img src="/dept/Graphics/title_resourceProcurementOpt.jpg" width="99%" border="0" alt="Resource Procurement and Optimization">--->
                &nbsp;&nbsp;&nbsp;<img src="/dept/Graphics/title_resourceOptimization.jpg" width="98%" border="0" alt="Resource Optimization">
                <hr size="3">
                <br>
                <strong>Departmental Areas:</strong>
                <ul class="list">
                <li><a href="/DEPT/RM/gas/index.htm">Gas Optimization</a>
                <li><a href="/DEPT/RM/MarketPrices/index.htm">Market Prices</a>
                <li><a href="/DEPT/RM/Reports/index.htm">Reports</a>
                <li><a href="/DEPT/RM/STA/index.htm">Short-Term Analysis</a>
                <li><a href="/DEPT/RM/RMN/index.htm">Short-Term Optimization</a>
                <li><a href="/DEPT/RM/TMA/index.htm">Transaction and Market Analysis</a>
                </ul>
                <br><br>
                <!--- <cfinclude template="/new_footer.cfm"> --->
                </div>
                </div>

<cfinclude template="/new_footer_rd_min.cfm">                       
<!--- </body>
</html> --->

我正在获得如下页面。 My Unordered list

如何在li中获得项目符号。

Answer 1

<li>元素自然会在它们旁边放置一个子弹，但是，您可能还有其他一些属性会覆盖这些使得破折号出现。

添加正确的list-style-type以强制它们返回子弹：

li{
    list-style-type: disc;
}

这在你的小提琴中没有显示，因为你的小提琴中没有提供CSS，所以小提琴看起来完全一样。请注意，your fiddle.中的元素旁边都有子弹。如果我将list-style-type应用于my fiddle，它看起来仍然相同。

在html页面中不显示圆形项目符号

1 个答案: