2017-01-19 29 views
-1

Chromeでインデントの書式設定に問題があります。インデントを-14pxに設定して、テキスト行を上にします。これはSafariとFirefox Developer Editionではうまく動作しますが、Chromeではうまく動作していないようです。 Chromeはクラスとインデントを検出していますが、テキストが正しく整列されるためには何とか-30pxが必要です。Safari/FirefoxとChromeでCSSが異なる

参考のためにアコーディオンで「Rubriky」セクションを参照してください。

http://marianrehak.cz/dcd/reseller-magazine-online/

あなたが何か提案はありますか?

+0

私はすべてここにテキストインデントを使用しますが、単純に 'のlist-style-位置ではないでしょう: – CBroe

+1

outside' SO上で外部リンクを共有することはありません。ここにあなたの問題を複製する関連コードを貼り付けてください –

答えて

1

リストの位置プロパティをoutsideに設定する必要があります。これは、デフォルトでインデント付きのリストアイテムの左に箇条書きを置くことになります。 だからlist-style: outside;がこれを解決します。

.mytest { 
 
    list-style: square outside; 
 
}
<ul class="mytest"> 
 
    <li>bal 1</li> 
 
    <li>bal 2 add her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrap</li> 
 
    <li>bal 3</li> 
 
    <li>bal 4</li> 
 
    <li>bal 5</li> 
 
    <li>bal 6</li> 
 
    <li>bal 7</li> 
 
    <li>bal 8</li> 
 
    <li>bal 9</li> 
 
    <li>bal 10</li> 
 
    <li>bal 11</li> 
 
</ul>

+0

ありがとうございます。私は実際にリストスタイルのプロパティがこのオプションを持っていたのか分からなかった。とても有難い。 –

関連する問題