0

WordpressのWebサイトに言語翻訳フラグを表示しています。

以下はコードです

<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 に答える