العناصر المضمنة مع العرض

Question

يبدو أن هذا السؤال يطلب من Freqeyently عبر الإنترنت ولكن ما زلت لا أستطيع العثور على حل.

لدي شريط التنقل هذا (يتم تحويله بين علامات التبويب باستخدام JQuery) الذي يعرض مضبوطا. أنا أظهر صورة خلفية على هذه ولجعلها نهائية أحتاج إلى جعلها أوسع وأعلى.

<div id="tabs">
<ul id="tabs-nav-cont">
    <li class="tabs-navs"><a href="#tabs-1">Nav 1</div></a></li>
    <li class="tabs-navs"><a href="#tabs-2">Nav 2</div></a></li>
    <li class="tabs-navs"><a href="#tabs-3">Nav 3</div></a></li>
    <li class="tabs-navs"><a href="#tabs-4">Nav 4</a></li>
</ul>
</div>

الطريقة الوحيدة التي يمكن أن أبدو أنها تفعل ذلك هي إرجاءها مرة أخرى لمنع العناصر. وهو ليس ما أريده لأنهم يعرضون عموديا. لذلك حاولت وضع divs في المراسين حتى أتمكن من حجمها. ومع ذلك يبدو أنهم يغيرونهم مرة أخرى لمنع العناصر أيضا.

انا مرتبك. شخص ما الرجاء المساعدة :)

Answer 1

لحسن الحظ أنك تعيش في عام 2009، حيث يتم تبني كتلة مضمنة على نطاق واسع من خلال المتصفحات: عبر متصفح مضمنة كتلة.

إذا كان الأمر فقط بالنسبة للارتفاع (وجميع محتوى liيناسب كل على خط واحد)، كنت ترغب في الذهاب مع line-height: 123px, ، والتي تحدد ارتفاع مربع مضطرب إلى 123 بكسل (لكل سطر، أي).

أو شائع جدا، إذا كان الملاحة محاذاة، تطفو لهم:

#nav li {
  display: block;
  float: left;
}

هتافات،

Answer 2

لأنه لم يكن عام 2009 عندما اضطررت أولا إلى حل هذا :) حصلت على حل فايرفوكس مع فئة CSS التالية:

.ib { display: -moz-inline-block; display: inline-block;}

هذه هي فئة كتلة المضمنة العامة التي أستخدمها عند الضرورة ...

سنان.