क्रोम 53 एलआई तत्वों में अवांछित रिक्ति पेश करता है

Question

क्रोम 53 शुरू करना हमने एक नया सीएसएस-संबंधित मुद्दा देखा है।

यह समस्या विवाल्डी (जो क्रोम के समान इंजन पर आधारित है) में भी देखी जा सकती है। एक ही मुद्दा Safari या Firefox या क्रोम 52.

में नहीं देखा जाता है उदाहरण के लिए, यहाँ: https://mobilefirstplatform.ibmcloud.com/tutorials/en/foundation/8.0/using-the-mfpf-sdk/

यह एक कल्पना परिवर्तन यह है कि प्रतिपादन में हमारे सीएसएस या एक वास्तविक बग को अद्यतन करने की आवश्यकता है है इंजन?

अद्यतन: यह list-style-position:inside के कारण प्रतीत होता है।

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

जब ली तत्व के लिए इसके अलावा में, इस्तेमाल किया अंदर की उम्मीद के रूप में धकेला जा रहा है, बुलेट और साथ ही पाठ बढ़ जाती है के बीच का अंतर। सीएसएस नियम निकालें और बुलेट और टेक्स्ट के बीच की दूरी बहुत छोटी है।

हम इसे कैसे संबोधित कर सकते हैं? अगर यह एक मोड़ या एक कल्पना परिवर्तन है

Answer 1

कह नहीं सकते, लेकिन एक वैकल्पिक हल के बाहर करने के लिए सूची शैली स्थापित करने के लिए होगा, और गद्दी के बजाय एक बाईं मार्जिन का उपयोग करें:

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