बुलेट बिंदु को क्षैतिज सूची में कैसे परिवर्तित करें?

Question

मैं अपनी क्षैतिज सूची में डिस्क बुलेट बिंदु दिखाना चाहता हूं।

मुझे पता है कि एक बार जब हम सीएसएस में परिभाषित करते हैं: display: inline;, कक्षा परिभाषा: list-style-type: disc काम नहीं करता है।

   <ul> 
        <li>· EN</li> 
        <li>· ES</li> 
        <li>· ES</li> 
        <li>· DE</li> 
        <li>· FR</li> 
       </ul> 

मैं अपने क्षैतिज सूची में मैन्युअल रूप से प्रतीक डिस्क बुलेट बिंदु डाल दिया है और उसके बाद मैं घोषणा की है कि मेरे सिर अनुभाग में:

तो यह मेरा समाधान कर दिया गया है <meta http-equiv="content-type" content="text/html;charset=utf-8" />।

मेरा कोडा संपादक पूर्वावलोकन में वे ठीक दिखते हैं, लेकिन अगर मैं इसे ब्राउज़र करने का प्रयास करता हूं तो मुझे यह मिलता है।

क्यों? मैं इसे समस्या से कैसे समझ सकता हूं? अन्यथा, एक क्षैतिज सूची में डिस्क बुलेट बिंदु दिखाने का सबसे अच्छा समाधान क्या है?

Answer 1

इसके बजाय के लिए display:inline चुनने अपने li आप उन्हें ब्लॉक के रूप रखने के लिए और ऐसा कर सकता है की

:

li { 
    float:left; 
} 

तो फिर तुम अंतरिक्ष उन्हें आप कैसे की जरूरत के लिए मार्जिन के साथ खेल सकते हैं।

Answer 2

प्रदर्शन का प्रयास करें: इनलाइन-ब्लॉक

सीएसएस

ul li{ 
    display:inline-block; 
} 

IE6 और IE7 में काम करने के लिए:

सीएसएस

ul li{ 
    display:inline-block; 
    zoom:1; 
} 

Answer 3

आपके साथ समस्या दो गुना है। सबसे पहले, आप जिस चरित्र का उपयोग कर रहे हैं वह बुलेट नहीं है; यह कई उपयोग के साथ मध्य डीओटी है, मुख्य रूप से ग्रंथों में विभाजक के रूप में। बुलेट "•" चरित्र अधिक उपयुक्त है। दूसरा, आप यूटीएफ -8 घोषित कर रहे हैं, जो ठीक है, लेकिन फिर आपको दस्तावेज को वास्तविकता में एटीएफ -8 एन्कोड किया जाना चाहिए, और यह स्पष्ट रूप से है (बल्कि, यहां से देखकर, यह शायद विंडोज -1252 एन्कोडेड है)।

लेकिन एक त्वरित फिक्स के रूप में जो एन्कोडिंग समस्या के समाधान की आवश्यकता नहीं है, आप इकाई संदर्भ • का उपयोग कर BULLET लिख सकते हैं, उदा। <li>&bull;&nbsp;EN</li>।

निश्चित रूप से अन्य दृष्टिकोण भी हैं। लेकिन अगर आप display: inline सेट करते हैं, तो ब्राउज़र बुलेट उत्पन्न नहीं करेंगे, क्योंकि वे केवल उन तत्वों के लिए करते हैं जो display: list-item हैं। आपको तत्व सामग्री में गोलियां शामिल करने, या जेनरेट की गई सामग्री का उपयोग करने की आवश्यकता होगी (:before छद्म-तत्व का उपयोग करके)।