html - 如何创建具有不同列宽的网格

标签 html css

我想创建一个类似画廊的主页,其中包含 7 列,每列宽度不同。

这是我正在尝试创建的内容的预览: enter image description here

最佳答案

您应该能够使用更新的 CSS 和 HTML 解决方案,例如 Flexbox。如果您需要,应该有用于旧浏览器支持的 shiv。

Flexbox

还有网格,当你想要更固定的东西时: Grid

关于html - 如何创建具有不同列宽的网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39435509/

相关文章:

调用 ng-click 函数后 JavaScript 重定向到 URL

html - 手机上的 BG 图片未调整大小

css - 如何在嵌套无序列表中恢复 list-style-type 的 "auto"值?

javascript - 如何换行输入值文本

html - 移动设备与桌面设备的图像、标题和描述的 Bootstrap 顺序

javascript - 响应式菜单按钮仅在 iOS 设备上不起作用

javascript - 向第三方 jquery 插件添加动画过渡 - Dropit

javascript - 在 JavaScript 中将值传递给函数

html - 背景图像过渡不适用于表单按钮

javascript - 自动加载 Bootstrap 工具提示