【问题标题】:Flex grid magic (CSS)弹性网格魔法 (CSS)
【发布时间】:2014-02-26 07:17:27
【问题描述】:

我应该使用“display: flex”规则创建this网格?

条款:

  1. 可调整大小的网格
  2. 内容高度始终为 160 像素(例如)
  3. 块内:图片和文字
  4. 总是自动宽度,根本没有修复

我有一些不错的 example — .col-auto 样式,但它需要在 .row 中,并且不像我的图片上那样刹车。

有没有 CSS 框架,有这样的例子,或者我应该以什么方式寻找它?

【问题讨论】:

  • 您最好的选择是使用媒体查询并专门设置网格样式,使其看起来像特定情况下的每个实例。
  • 既然你用 adobe/Apache UI 框架 [Flex[ 标记了这个,你不使用内置的 DataGrid 有什么原因吗?是你记错了,还是有什么我不明白的地方?对于 HTML 网格;我会考虑使用一个库 [例如 ngGrid 或其他许多库之一;这将比尝试从头开始构建网格更节省时间]。
  • @Reboog711 让我展示一下我想要做什么。 Click here。 DataGrid 不是我需要的。
  • 显然,根据您的两个链接,您不是在谈论 Adob​​e/Apache Flex,因此我删除了 Flex 标签。我不确定替换会是什么。弹性盒?
  • @Reboog711 我试图做类似this

标签: html css frameworks grid


【解决方案1】:

你可以使用 .resizable(); 函数。使任何 DOM 元素可调整大小。用光标抓住右边框或下边框并拖动到所需的宽度或高度。

【讨论】:

    猜你喜欢
    • 2021-07-10
    • 2021-04-05
    • 1970-01-01
    • 2020-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多