অ্যাঙ্কর ট্যাগে পিক্সেলগুলিতে প্রস্থ এবং উচ্চতা নির্ধারণ করা কি সম্ভব? অ্যাঙ্কারের ভিতরে থাকা টেক্সটটি ধরে রাখার সময় একটি পটভূমি চিত্র থাকতে আমার অ্যাঙ্কর ট্যাগ রাখতে চাই।
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%;