水平
    菜单:如何固定列表项的宽度

发布于 2024-08-29 11:40:54 字数 110 浏览 5 评论 0原文

我有一个水平

    菜单。如何将
  • 元素的宽度固定为每个 250px?

I have a horizontal <ul> menu. How can I fix the width of the <li> elements at, say, 250px each?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

花期渐远 2024-09-05 11:40:54

设计 A 标签的样式可以帮助保持一致性,并为您提供比设计 LI 标签的样式更多的灵活性,特别是如果您最终制作多行菜单项。

ul li {
   float:left;
}

ul li a {
   display:block;
   width:250px;
}

您还应该使用 CSS 重置 来保持浏览器之间的一致性。

Styling the A tag can help maintain consistency and give you a little more flexibility than styling the LI tag, espeically if you end up making multi-line menu items.

ul li {
   float:left;
}

ul li a {
   display:block;
   width:250px;
}

You should also use a CSS reset to maintain consistency between browsers.

落墨 2024-09-05 11:40:54

您可以通过 CSS 来完成此操作:

ul > li { width: 250px; }

根据您要使用的水平菜单,您可能还需要 display:block; 样式。

You can do this via CSS:

ul > li { width: 250px; }

Depending on your you're doing the horizontal menu, you may need a display:block; style as well.

套路撩心 2024-09-05 11:40:54

Nick 和 Diodeus 都说的是对的,但除非您希望所有列表项都具有该宽度,否则最好在该 ul 上添加一个 id,然后在 CSS 中定位它。

What Nick and Diodeus both say is right, but unless you want all of your list items to have that width, you better throw an id on that ul and then target it in your CSS.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文