自动扩大边距以填充容器?

发布于 2024-10-14 10:56:01 字数 245 浏览 0 评论 0 原文

我有以下 HTML 布局:

div
|-- h3
|-- ul
    |-- li
    |-- ...
    |-- li

div 的高度是固定的。我希望 li 能够填充 div 的整个高度。要手动执行此操作,我可以调整 margin-bottom 但这是针对动态内容的,因此这是不可能的。

有什么想法吗?

谢谢!

I've got the following HTML layout:

div
|-- h3
|-- ul
    |-- li
    |-- ...
    |-- li

The height of the div is fixed. I'd like the li's to fill the entire height of the div. To manually do it, I can adjust the margin-bottom but this is for dynamic content, so that is out of the question.

Any ideas?

Thanks!

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

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

发布评论

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

评论(1

你没皮卡萌 2024-10-21 10:56:01

我能想到的唯一方法是使用CSS3盒子布局模型(flexbox),它并没有很好的支持。

可以找到一个非常好的教程 这里以及在旧版浏览器中实现的 js 解决方案可以在这里找到a> (我自己还没有测试过,在上面博客文章的评论中找到了它。

编辑 - 另一个教程 此处

The only way I can think of is using the CSS3 box layout model (flexbox), which doesn't exactly have very good support.

A pretty good tutorial can be found here and a js solution to implement in older browsers can be found here (haven't tested it myself yet, found it in the comments for the blog post above.

Edit - another tutorial here

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