liをインラインブロックにすると、箇条書きは表示されなくなります。
ul {
list-style-type: circle;
}
ul.columns>li {
display: inline-block;
padding-right: 1cm;
margin-left: 20px;
}
<h1>Vertical</h1>
<ul>
<li><a class="openPage">Besoins en magnésium</a></li>
<li><a class="openPage">Besoins en azote</a></li>
</ul>
<h1>Horizotal is missing bullets</h1>
<ul class="columns">
<li><a class="openPage">Besoins en magnésium</a></li>
<li><a class="openPage">Besoins en azote</a></li>
</ul>
私のフィドルを参照してくださいhttp://jsfiddle.net/stephanedeluca/9xdkp3q7/2/
それは確かにそれを行うための最良の方法ではありません。しかし、私はこれが他の決定的な結果を実際に持っていないことを思い出します。
ul.columns>li:before { content:'\ffed'; margin-right:0.5em; }
編集:答えはすでに投稿されていることを理解していますが、1つは絶対的な位置付けを使用しており、私の意見では全体的に効果が低く、もう1つは複雑すぎます。なぜ、関連する位置付けが必要なのかわかりませんか?さらに、間隔はこの方法ですでに並べ替えられています。そして、それはたった2つの属性であり、より単純です。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加