Chrome 53がLI要素に不要なスペースを導入する

Chromeを起動すると、新しいCSS関連の問題が発生していることがわかりました。Chrome 53がLI要素に不要なスペースを導入する

この問題は、Vivaldi（Chromeと同じエンジンに基づいています）でも確認できます。同じ問題は、ここで、例えばSafariやFirefoxやChromeの52

では見られない。https://mobilefirstplatform.ibmcloud.com/tutorials/en/foundation/8.0/using-the-mfpf-sdk/

がレンダリングに私たちのCSSや実際のバグを更新する必要があり、この仕様変更ですエンジン？

更新：一見したところ、list-style-position:insideのために起きています。

<ul style="list-style-position:inside"> 
 
    <li>li element 1</li> 
 
    <li>li element 2</li> 
 
</ul>

予想されるように内側に押さ取得LI要素について加えて、使用される場合、弾丸とテキストとの間の間隔が同様に増加します。 CSSルールを削除すると、箇条書きとテキストの間隔がはるかに小さくなります。

これにどのように対処できますか？これは癖や仕様変更がある場合

出典

2016-09-07 Idan Adar

誰かがこれをマークプログラミングに関してではないので、閉鎖のために？私をからかってるの...？それはCSSに関するものです。それは完全にトピックです。 –

いいえ、「このコードは機能していないのですか？」という質問には、目的の動作、特定の問題またはエラーが含まれていなければなりません。 **問題を明確に記述していない質問は、他の読者にとっては有用ではありません。See：「最小限の完全かつ検証可能な例の作成方法」を参照してください。強調する私。テストケースを提供し、オフサイトのリソースにリンクするだけではありません。 –

。完了しました。 –

が言うことはできませんが、回避策は、外部へのlist-styleを設定することで、代わりにパディングの左マージンを使用します。

.tutorial .sidebar .navmenu-default .navmenu-nav.dropdown-menu>li.active>ul>li { 
     list-style-position: outside; 
} 
.tutorial .sidebar ul { 
    margin-left: 10px; 
    padding: 0; 
}

出典

2016-09-07 07:30:05

Chrome 53がLI要素に不要なスペースを導入する

答えて

関連する問題