html - 创建样式嵌套网格/框的选项

标签 html css nested grid

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 3 年前

我正在寻找可以最好地创建嵌套框的方法的想法,如下图所示。理想情况下,我想在带有 CSS 的 HTML 中执行此操作,但我也可以利用 bootstrap 或类似的框架来进行样式设置。

https://imgur.com/a/bFiyzkV

我还希望能够在用户单击每个框内的标签时链接到其他页面以在单独的页面上获取更多详细信息。

我有基本的 HTML/CSS 经验。

谢谢, 鲍勃

最佳答案

这可以使用 CSS Grid 规范来实现——参见嵌套示例:

https://gridbyexample.com/examples/example21/

或者使用 flexbox(Bootstrap 就是这样做的)见:

https://getbootstrap.com/docs/4.3/layout/grid/#nesting

关于html - 创建样式嵌套网格/框的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57713442/

上一篇:css - 如何右对齐溢出文本中的元素

下一篇:javascript - 如何: Instruct a screen reader what to read out in code

相关文章:

html - Bootstrap 导航栏切换不起作用

javascript - 如何在视口(viewport)中触发惰性线条画家 svg 动画

c# - 自定义控件内部属性的 ASP.Net 绑定(bind)属性

用于为嵌套资源创建 Controller 操作的 RSpec 测试

ruby-on-rails - Rails 4 中使用 gem 'closure_tree' 的嵌套注释

javascript - Bootstrap 导航对齐

javascript - 可视代码中的 Angular 文件资源管理器 - 添加/修改/包含强调项的索引

html - 调整大小时修复页面布局

css - 在 Bootstrap 中为元素添加顶部空间的方法

php - 如何在所有页面上使用 css 将 element.style 更改为无