html - How to get rid of white space between css horizontal list items? -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 4 जवाब
• 32 उत्तर

मेरे पास निम्न परीक्षण पृष्ठ और सीएसएस हैं I प्रदर्शित होने पर, प्रत्येक सूची आइटम के बीच एक 4px अंतर होता है। मैं एक दूसरे के पास कैसे आइटम प्राप्त करूं?

  & lt;! DOCTYPE HTML PUBLIC "- // W3C // DTD एचटीएमएल 4.01 फ्रेमेसेट // एन" http: // www .w3.org / TR / HTML4 / frameset.dtd "& gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; link type = "text / css" rel = "stylesheet" href = "/ stylesheets / test.css" / & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div & gt; & Lt; ul class = "nav" & gt; & Lt; li वर्ग = "नव" & gt; & lt; एक वर्ग = "एवल्यू" href = "#" & gt; वन 1 & lt; / a & gt; & lt; / li & gt; & Lt; li वर्ग = "नव" & gt; & lt; एक वर्ग = "एवा" href = "#" & gt; दो & lt; / a & gt; & lt; / li & gt; & Lt; li वर्ग = "नव" & gt; & lt; एक वर्ग = "एवा" href = "#" & gt; तीन & lt; / a & gt; & lt; / li & gt; & Lt; li वर्ग = "नव" & gt; & lt; एक वर्ग = "एवा" href = "#" & gt; चार & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt;  

सीएसएस:

<पूर्व> ul.nav, ul li.nav {display: inline; मार्जिन: 0 पिक्स; पैडिंग: 0 पिक्सेल; } Ul.nav {list-style-type: none; } Li.nav {पृष्ठभूमि रंग: लाल; } A.nav {पृष्ठभूमि रंग: हरा; पैडिंग: 10px; मार्जिन: 0 पिक्स; } A: hover.nav {background-color: gray; } <

आपको डिस्प्ले: ब्लॉक और < कोड> फ्लोट: बाईं पर li s को स्थान निकालने के लिए। जब वे इनलाइन होते हैं तो ब्राउज़र उन्हें शब्दों के रूप में मानता है, और इसलिए बीच में जगह छोड़ देता है।

यह भी देखें।