如何将项目符号转换成水平列表？

Question

我想在水平列表中显示光盘项目符号.

我知道,一旦我们在CSS中定义:display: inline;,类定义:list-style-type: disc不起作用.

所以这是我的解决方案:

                <ul>
                    <li>· EN</li>
                    <li>· ES</li>
                    <li>· ES</li>
                    <li>· DE</li>
                    <li>· FR</li>
                </ul>

我已经将符号光盘子弹点手动放在我的水平列表中,然后我在我的头部中声明了:<meta http-equiv="content-type" content="text/html;charset=utf-8" />.

在我的coda编辑器预览中,它们看起来很好,但如果我尝试浏览它,我得到 这个.

为什么？我怎么能弄明白这个问题呢？否则,在水平列表中显示光盘项目符号的最佳解决方案是什么？

Answer 1

而不是选择display:inline你,li你可以把它们作为块保存并执行此操作:

li {
    float:left; 
}

然后你可以用边距来调整你需要的空间.

Answer 2

尝试显示:内联块

CSS

ul li{
    display:inline-block;
}

要在IE6和IE7中工作:

CSS

ul li{
    display:inline-block;
    zoom:1;
}