0

我在我的 Wordpress 网站上显示语言翻译标志：

下面是代码

<ul>
<li id="qtranslate-8" class="widget-container widget_qtranslate">
<ul class="qtrans_language_chooser" id="qtranslate-8-chooser">
<li class="lang-en active">    
<a href="http://www.fadomi.org/" hreflang="en" title="English" class="qtrans_flag qtrans_flag_en"><span style="display:none">English</span></a>
</li>
<li class="lang-fr">
<a href="http://www.fadomi.org/fr/" hreflang="fr" title="Français" class="qtrans_flag qtrans_flag_fr"><span style="display:none">Français</span></a></li>
<li class="lang-zh">
<a href="http://www.fadomi.org/zh/" hreflang="zh" title="中文" class="qtrans_flag qtrans_flag_zh"><span style="display:none">中文</span></a>
</li>
</ul>
<div class="qtrans_widget_end"></div>
</li>
</ul>

这向我显示了一个带有项目符号的列表..正如您在 fadomi.org 上看到的那样，我想删除这些项目符号并水平显示所有这些标志，有人可以帮助我吗？

4

3 回答 3

2

添加ul {list-style:none}你的CSS。

你有

ul {
list-style: square;
margin: 0px 0px 18px 1.5em;
}

删除square并添加none.

于 2012-10-22T10:46:54.747 回答
1

要从无序列表中删除项目符号：

ul { list-style-type: none; }

您可能还想重置左边距：

ul { margin-left: 0; }

然后您可以浮动列表元素以水平显示它们：

ul li { float: left; }

最后，清除浮动：

ul { clear: left; }
于 2012-10-22T10:46:50.360 回答
1

用 CSS 写这个 -

ul{
  list-style-type: none;
}
ul li{
  float: left; 
}

工作演示

于 2012-10-22T10:47:58.520 回答