Col*_*iot 5 html javascript css
我是否需要一个超宽的容器并将元素设置为内嵌显示或浮动或其他什么?如果我有两排,每排高50%怎么办?
如果元素的数量未确定怎么办?如何确定容器宽度?
div似乎很难.我必须用桌子吗?
而且,在纯粹的CSS中看起来非常难,因为它同时难以控制相对宽度和高度.我必须使用JS吗?
这样做最简单,最优雅的方法是什么?
听起来很像你想使用 CSS 属性:Flexbox
使用弹性框,您可以在元素落入新行之前定义最大和最小宽度和高度以及元素的最大/最小数量。
它的美妙之处在于,您让浏览器计算宽度,您只需定义最大、最小、边距和填充。
而且都是 CSS,不需要 javascript
查看 css 技巧中的示例并尝试一下。该链接相对较旧,因此可能不再需要某些供应商前缀。
希望这可以帮助!
编辑:有关 flex 属性的其他信息可以在Mozilla找到