উত্তর:
প্রদর্শন যোগ করুন: ব্লক;
একটি ট্যাগ একটি ইনলাইন উপাদান তাই আপনার উচ্চতা এবং প্রস্থ উপেক্ষা করা হয়।
#header div#snav div a{
display:block;
width:150px;
height:77px;
}
অ্যাঙ্করগুলির উচ্চতা নিতে তাদের ডিফল্টের চেয়ে আলাদা ডিসপ্লে ধরণের হওয়া দরকার।
display:inline-block;বা display:block;।
এর সাথে line-heightকোনটি আকর্ষণীয় হতে পারে তা পরীক্ষা করে দেখুন ।
আপনার সমস্যা সম্ভবত aউপাদানগুলি display: inlineপ্রকৃতির দ্বারা হয়। আপনি ইনলাইন উপাদানের প্রস্থ এবং উচ্চতা নির্ধারণ করতে পারবেন না।
আপনি সেট করতে হবে display: blockউপর a, কিন্তু যে অন্য সমস্যা নিয়ে আসবে কারণ সংযোগগুলি ব্লক উপাদান মত আচরণ শুরু। এটির সর্বাধিক সাধারণ নিরাময়ে তাদের দিচ্ছে float: leftযাতে তারা যাই হোক না কেন পাশাপাশি পাশাপাশি দাঁড়ায়।
উচ্চতার সংজ্ঞা থেকে :
এর জন্য প্রযোজ্য: সমস্ত উপাদান কিন্তু অ-প্রতিস্থাপন ইনলাইন উপাদান, টেবিল কলাম এবং কলাম গ্রুপ
একটি aউপাদান হ'ল ডিফল্টরূপে একটি ইনলাইন উপাদান (এবং এটি প্রতিস্থাপিত হয় না)।
আপনাকে প্রদর্শনটি পরিবর্তন করতে হবে (সরাসরি প্রদর্শনের সম্পত্তি বা অপ্রত্যক্ষভাবে যেমন, যেমন ভাসা সহ)।
এই পর্যবেক্ষণের জন্য র্যান্ডম ইউ 1 আর ধন্যবাদ:
এটি প্রদর্শিত হচ্ছে পরিবর্তন: ইনলাইন-ব্লক; এই সমস্যাটি সমাধান করে। - র্যান্ডম ইউএস 1 ই মে 14 '13 এ 21:59
আমি নীচে নেভিগেশন মেনু বারের জন্য এটি চেষ্টা করেছিলাম:
নীচের মত প্রথমে "লি" উপাদানটি স্টাইল করুন:
প্রদর্শন: ইনলাইন-ব্লক;
প্রস্থ: 7 এম;
পাঠ্য-সারিবদ্ধ: কেন্দ্র;
তারপরে নীচে "a"> উপাদানটি স্টাইল করুন:
প্রস্থ: 100%;
এখন নেভিগেশন লিঙ্কগুলি প্রতিটি লিঙ্ককে কেন্দ্র করে পাঠ্যের সাথে সমান প্রস্থে রয়েছে।