html - Center horizontal list style menu -
मेरे पास निम्न कोड है:
सीएसएस
< पूर्व> #main {width: 100%; ऊँचाई: 120px; सीमा: ठोस 1px #efefef; } # लिंक्स {पृष्ठभूमि-रंग: # 808080; } # लिंक्स ul {मार्जिन: 0 पीएक्स ऑटो; गद्दी: 0px; सूची-शैली: कोई नहीं; पृष्ठभूमि का रंग: #eee; ऊँचाई: 30px; } #links ul li {float: left; मार्जिन: 0px; सूची-शैली: कोई नहीं; पैडिंग: 0 पिक्स 10 पीएक्स; }
HTML
& lt; div id = "main" & gt; & Lt; div id = "links" & gt; & LT; ul & gt; & Lt; li & gt; लिंक 1 & lt; / li & gt; & Lt; li & gt; लिंक 2 & lt; / li & gt; & Lt; li & gt; लिंक 3 & lt; / li & gt; & Lt; li & gt; लिंक 4 & lt; / li & gt; & Lt; li & gt; लिंक 5 & lt; / li & gt; & Lt; li & gt; लिंक 6 & lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt;
सूची आइटम डायनेमिक हैं इसलिए मैं # लिंक्स परत पर वास्तव में निर्धारित चौड़ाई का उपयोग नहीं कर सकता और मैं चाहता हूं कि सूची पूरी तरह से केंद्रित हो। उपरोक्त कोड काम नहीं कर रहा है और मेरे पास कई तरह के तरीक़े हैं लेकिन सूची को केन्द्रित नहीं किया जा सकता है।
मैं एक मेज का उपयोग आंशिक रूप से नहीं करना चाहता क्योंकि मैं मेनू के लिए तालिकाओं का उपयोग करने से नफरत करता हूं और भी अंततः मेरे पास उप मेनू आइटम होंगे जो भी क्षैतिज होंगे।
कोई संकेत?
धन्यवाद स्टीव
यहां संभव समाधान दिए गए हैं:
- / html>
Comments
Post a Comment