Question

我想创建内联项目列表，用子弹分隔，但我想在行尾隐藏所有项目符号。例如：

法国•德国•希腊

匈牙利•冰岛•爱尔兰

（如你所见，希腊和匈牙利之间没有子弹）。

现在，问题是，我需要在任何视口宽度下工作。文本应该自然换行，子弹只有在它们不在换行符时才会出现。

这在某种程度上类似于软连字符（＆amp; shy;）行为。

有没有办法实现这个目标？也许是某种unicode控制角色..？

谢谢！

Answer 1

你只需要编写简单的css代码：

.someclass{
list-style:none;
}

在

中添加课程

<ui>
<li class="someclass">
</li>
</ul>

Answer 2

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Display Progress</title>
    <script src="Scripts/jquery-1.3.2.js"
    type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
        var geoList = [
             { Country: "India", State: "Delhi" },
             { Country: "US", State: "Alabama" },
             { Country: "US", State: "Georgia" },
             { Country: "US", State: "Texas" },
             { Country: "US", State: "NewYork" }
             ];
            $('#LoadPage').append("<ul id='cList'></ul>");
            for (i = 0; i < geoList.length; i++) {
                $("#cList").append("<li>" +
                geoList[i].Country + "-" +
                geoList[i].State + "</li>");
            }
        });
    </script>
</head>
<body>
    <form id="form1">
    <div>   
        <div id="LoadPage">
        </div>  
    </div>
    </form>
</body>
</html>

子弹表现得像软连字符

2 个答案: