Question

没有显示项目符号。当我通过jsFiddle尝试相同时，它的工作原理。可能是什么原因？

         <div id="mainInfo" style="display: none;" title="Customer Information">
            <div id="greenCheck" style="display: none;">
                <img src= "IMAGE_SOURCE">
            </div>
            <div id="subInfo" style="display: none;">
            </div> 
         </div>
         <div>
            //button definition onclick="show()"![enter image description here][1]
         </div>

//javascript
function show() 
{
    var htmlstr = "<p><b>The customer provided the following:</b></p><br/><ul>";
    if(true)//some condition which i made true for testing
        {
             htmlstr = htmlstr + "<li>Date of Birth</li>";
             htmlstr = htmlstr + "<li>Social Security Number</li>";
        }
        htmlstr = htmlstr + "</ul>";
        document.getElementById('mainInfo').style.display = 'block';
        document.getElementById('greenCheck').style.display = 'block';
        document.getElementById('subInfo').style.display = 'block';
        jQuery("#subInfo").html(htmlstr);
        jQuery("#mainInfo").dialog({
              //dialog code
        }
}

list-style-type：通过css文件应用none。我修改了本地文件并且工作正常：）

Answer 1

您可以添加此CSS以确保仅在您动态添加的列表中获得项目符号：

#subInfo ul li {
  list-style-type: disc;
}

以下是您的选择：

正式语法：disc |圈子|广场|小数|小数领先的零 |低罗马|上罗马|低希腊|低拉丁语|上拉丁 |亚美尼亚人|格鲁吉亚|低α| upper-alpha |无

来源：https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type

至于你的更新问题，有很多不同的方法可以使用，从将图像和项目符号列表放入表格（我认为这是一个坏主意）到使用包含DIV秒。但是，如果您不想更改HTML（和JavaScript），那么可能会在CSS中的padding-left中添加li，以使列表项看起来与文本对齐。这是一种破解，但它很容易推理并且不需要对HTML进行任何更改。

Answer 2

这很可能是一些CSS覆盖了列表项的默认行为。尝试在Google Chrome（或IE 8+）中打开网页，然后按F12访问网络开发者工具。然后，您可以选择列表项并查看已分配给它的所有样式。我已经在我的机器上尝试了你的代码，没有任何CSS，它按预期工作。

Answer 3

元素正常流动到位...改变一些CSS，它们将落实到位。

摆脱那个换行符（<br/>），它只会让一切都搞乱！
在包含标题的padding上使用div（在本例中为p）和ul元素，将所有内容准确放置在您想要的位置。
将绿色的“已选中”图标设置为该容器div的背景。
为li元素提供您选择的样式（项目符号，圆圈等）。

子弹不显示<ul> </ul>

3 个答案: