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 को स्थान निकालने के लिए। जब वे इनलाइन होते हैं तो ब्राउज़र उन्हें शब्दों के रूप में मानता है, और इसलिए बीच में जगह छोड़ देता है।
यह भी देखें।
Comments
Post a Comment