Html 带宽度的内联元素

这个问题似乎在互联网上经常被问到，但我仍然找不到解决办法

我有一个导航栏（它使用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>

我似乎能做到这一点的唯一方法是将它们恢复为块元素。这不是我想要的，因为它们是垂直显示的。所以我试着在锚上放上提琴，这样我就可以确定它们的大小了。然而，它们似乎也将它们更改回块元素

---

我很困惑。有人请帮忙：）

幸运的是，你生活在2009年，在线块在浏览器中被广泛采用：

如果只是为了高度（并且

li

s的所有内容都适合一行），您希望使用

line height:123px

，它将内联框的高度设置为123px（即每行）

或者，很常见，如果导航是左对齐的，则将其浮动：

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

---

干杯，

幸运的是，您生活在2009年，在线块在浏览器中被广泛采用：

如果只是为了高度（并且

li

s的所有内容都适合一行），您希望使用

line height:123px

，它将内联框的高度设置为123px（即每行）

或者，很常见，如果导航是左对齐的，则将其浮动：

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

---

干杯，

因为我第一次解决这个问题不是在2009年：）我通过以下css类获得了firefox的解决方案：

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

这是我的通用内联块类，我在必要时使用它

---

Sinan.

因为我第一次解决这个问题不是在2009年：）我用以下css类为firefox找到了解决方案：

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

这是我的通用内联块类，我在必要时使用它

---

锡南。

感谢上帝，2009年。我不知道内联块的存在。谢谢！；-）@本：不客气@斯托博尔：我上周又访问了这个链接，所以在我的浏览器历史中它是可以访问的。感谢上帝，2009年。我不知道内联块的存在。谢谢！；-）@本：不客气@斯托博尔：我上周又访问了这个链接，所以在我的浏览器历史记录中它是可以访问的。