एक टैग पर चौड़ाई और ऊंचाई सेट करना

Question

क्या एंकर टैग पर चौड़ाई और ऊंचाई पिक्सेल में सेट करना संभव है? एंकर के अंदर पाठ को बनाए रखते हुए मैं एंकर टैग को पृष्ठभूमि छवि रखना चाहता हूं।

<li><a href="#">Something</a></li> 

li { 
    width: 32px; 
    height: 32px; 
    background-color: orange; 
} 

li a { 
    width: 32px; 
    height: 32px; 
    background-color: red; 
} 

Answer 1

आप अपने लंगर बनाने के लिए display: block या display: inline-block; की जरूरत है और फिर इसे चौड़ाई और ऊंचाई मूल्यों को स्वीकार करेंगे।

Answer 2

यह एक सटीक डुप्लिकेट नहीं है (जहां तक ​​मुझे मिल सकता है), लेकिन यह common problem है।

display:block आपको जो चाहिए वह है। लेकिन आपको समझने के लिए read the spec क्यों होना चाहिए।

Answer 3

आप display: inline-block का भी उपयोग कर सकते हैं। इसका लाभ यह है कि यह एक ब्लॉक तत्व की तरह ऊंचाई और चौड़ाई निर्धारित करेगा, लेकिन इसे इनलाइन भी सेट करेगा ताकि आपके पास एक और टैग हो, जो इसके ठीक आगे बैठा हो, पैरेंट स्पेस को अनुमति दे।

आप display properties here के बारे में अधिक

Answer 4

इन सभी सुझावों को काम जब तक आप एक यूएल सूची के अंदर लंगर डाल पता कर सकते हैं।

<ul> 
    <li> 
     <a>click me</a>> 
    </li> 
</ul> 

फिर क्रोम ब्राउज़र में किसी भी कैस्केड स्टाइल शीट नियमों को ओवरराइड किया गया है। चौड़ाई ऑटो हो जाती है। फिर आपको सीधे लंगर पर इनलाइन सीएसएस नियमों का उपयोग करना होगा।