सीएसएस शब्द रैप पर लाइन-ऊंचाई ओवरराइड

Question

मेरे पास काफी संकीर्ण बॉक्स से जुड़े लिंक की एक सूची है; लपेटने के लिए कुछ लिंक के लिए पर्याप्त संकीर्ण।

लाइन-ऊंचाई 30px पर सेट है, जो गैर-लिपटे लिंक के लिए ठीक है; हालांकि, एक लिंक के लिए जिसका टेक्स्ट लाइन रैप को मजबूर करने के लिए काफी लंबा है, वहां 30 पीएक्स लाइन-ऊंचाई भी लागू होती है, इस प्रकार ऐसा लगता है कि 2 लिंक हैं और लिंक टेक्स्ट की निरंतरता नहीं है।

मुझे किसी भी तरह (बिना जेएस या मिडलवेयर एंड कैल्किंग स्ट्रिंग लम्बाई के बिना) लपेटा लिंक टेक्स्ट प्राप्त करने के लिए 10px की लाइन-ऊंचाई प्राप्त करने के लिए या तो निरंतरता के दृश्य प्रभाव को अलग करने के लिए और अलग नहीं होना चाहिए।

Answer 1

Line-height की तरह छद्म तत्व स्पेसिंग सेट करने के लिए माना जाता है रेखाओं के बीच (विशेष रूप से, जब वे लपेटें)। li ऑब्जेक्ट पर आप जो खोज रहे हैं वह margin है। यदि आप line-height को छोटे मान पर सेट करते हैं, जब आप लाइनों को लपेटते हैं और margin को आइटम के बीच इच्छित मान पर सेट करते हैं, तो आपको जाना अच्छा होगा।

अगर यह तुम क्या चाहते करता देखें:

li { 
    padding: 10px 0 0 0; 
    margin: 30px 0; 
    line-height: 10px; 
} 

Answer 2

मैं क्या करना होगा यह this way

li { 
    list-style-position: inside; 
    margin: 20px; 
} 

ul { 
    width: 200px; 
    border: solid 1px; 
} 

या आप "पहली पंक्ति" सेट कर सकते हैं में this example

li { 
    padding: 10px 0 0 0; 
    margin: 10px; 
    line-height: 30px; 
} 
li:first-line { 
    margin: 10px; 
    line-height: 10px; 
} 
ul { 
    width: 200px; 
}