क्या एंकर टैग पर पिक्सल में चौड़ाई और ऊंचाई निर्धारित करना संभव है? मैं लंगर टैग को लंगर के अंदर पाठ को बनाए रखते हुए एक पृष्ठभूमि छवि रखना चाहता हूं।
li {
width: 32px;
height: 32px;
background-color: orange;
}
li a {
width: 32px;
height: 32px;
background-color: red;
}<li><a href="#">Something</a></li>जवाबों:
आप भी इस्तेमाल कर सकते हैं display: inline-block। इसका लाभ यह है कि यह एक ब्लॉक तत्व की तरह ऊँचाई और चौड़ाई निर्धारित करेगा, लेकिन इसे इनलाइन भी सेट करेगा ताकि आपके पास इसके बगल में एक और टैग बैठा हो, जो मूल स्थान की अनुमति देता है।
आप यहां प्रदर्शन गुणों के बारे में अधिक जानकारी प्राप्त कर सकते हैं
ये सभी सुझाव तब तक काम करते हैं जब तक कि आप एंकर को एक यूएल सूची के अंदर नहीं डालते।
<ul>
<li>
<a>click me</a>>
</li>
</ul>फिर क्रोम ब्राउज़र में कोई भी कैस्केड स्टाइल शीट नियम ओवरराइड किए जाते हैं। चौड़ाई ऑटो हो जाती है। फिर आपको एंकर पर सीधे इनलाइन सीएसएस नियमों का उपयोग करना चाहिए।
यह एक सटीक डुप्लिकेट नहीं है (जहां तक मैं पा सकता हूं), लेकिन यह एक आम समस्या है ।
display:blockआपको क्या चाहिए लेकिन आपको यह समझने की युक्ति पढ़नी चाहिए कि क्यों।
मेरे लिए काम करने से नीचे
display: block;
width: 100%;