हम ली

मैं यूएल और ली के साथ html पृष्ठ निम्नलिखित की है, चौड़ाई प्रदान कर सकते हैं, मैं प्रत्येक LI के लिए चौड़ाई आवंटित करने के लिए कोशिश लेकिन रेती सफलता नहीं देख सकते हैंहम ली

<html> 
    <head> 
    <style type="text/css"> 

    ul 
    { 
     overflow-x:hidden; 
    white-space:nowrap; 
    height: 1em; 
     width: 100%; 
    } 

    li 
    { 
    display:inline; 
    padding-right:10px; 
     }  
     </style> 
    </head> 
    <body> 

    <ul> 
     <li style="width:100px">abcdefghijklmonpqrstuvwxyz</li> 
     <li>abcdefghijklmonpqrstuvwxyz</li> 
    <li>abcdefghijklmonpqrstuvwxyz</li> 
    <li>abcdefghijklmonpqrstuvwxyz</li> 
    <li>abcdefghijklmonpqrstuvwxyz</li> 
    <li>abcdefghijklmonpqrstuvwxyz</li> 
     <li>abcdefghijklmonpqrstuvwxyz</li> 
    </ul> 

    </body> 
    </html>

क्योंकि मेरे LI से प्रत्येक का अलग चौड़ाई है।

धन्यवाद

स्रोत

2010-04-23 air

नहीं, आप इनलाइन को प्रदर्शित करने वाली किसी भी चीज़ को चौड़ाई निर्दिष्ट नहीं कर सकते हैं, जिसे आपने अपना LI सेट किया है। इसके बजाए, आप अक्सर display: block; float: left; का उपयोग करना चाहते हैं जो चौड़ाई निर्धारित करने की अनुमति देगा।

स्रोत

2010-04-23 15:18:08

आप दे रहे हैं li रों display: inline और width तत्वों इनलाइन पर लागू नहीं होता। आपको एक दूसरे के बगल में तत्वों को स्थानांतरित करने के विकल्प का उपयोग करने की आवश्यकता होगी जैसे उन्हें फ़्लोट करना।

स्रोत

2010-04-23 15:18:01 RoToRa

कोशिश को बदलने के लिए display:inline-block

स्रोत

2010-04-23 15:18:53 Gregoire

यह तब तक चाल करेगा जब तक कि आप अपना कोड एक्सएचटीएमएल अनुपालन रखने से चिंतित न हों। इनलाइन-ब्लॉक पूरी तरह से क्रॉस ब्राउज़र का समर्थन नहीं करता है: http://www.quirksmode.org/css/display.html#t03 –

+1 ओपी चाहता है कि यह करने का तरीका होना चाहिए। लेकिन आईई (6 और 7?) केवल उन तत्वों के लिए 'डिस्प्ले: इनलाइन-ब्लॉक' लागू करेगा जो स्वाभाविक रूप से इनलाइन ('स्पैन', उदाहरण के रूप में) हैं, इसलिए किसी को उन पृष्ठों के लिए इनलाइन-ब्लॉक से सावधान रहना होगा * पुराने * ब्राउज़र के साथ संगत होने के लिए। – ANeves

प्रदान करने के लिए अपने display:inline द्वारा पिछले दो जवाब के बारे में अधिक है, तो आप चौड़ाई इनलाइन निर्दिष्ट नहीं कर सकते, लेकिन आप यह कैसे here

स्रोत

2010-04-23 15:24:13 Christin

करने के बारे में एक उदाहरण देख सकते हैं इस सीएसएस

ul { 
white-space: nowrap; 
height: 1em; 
width: 100%; 
} 

li { 
list-style-type: none; 
width: 100px; 
overflow-x: auto; /* change to hidden if that's what you want */ 
float: left; 
margin-right: 10px; 
}

स्रोत

2010-04-23 15:29:32 Mottie

उत्तर

संबंधित मुद्दे