动态表行

时间:2016-06-17 12:35:24

标签: html css html5 css3

我在一张桌子上有四个牢房,另一张桌子有八个 细胞

我已在所有单元格上将max-width设置为300px。现在我面临的问题 如果页面也是如此,单元格不会下降到第二行 小。 (目前在每个问题上都是哈哈)

我想知道如何添加动态行以使额外内容超出页面宽度,从下面插入新行?

所有代码都可以在开发人员工具中看到以下website

(产品部分的细胞/行是我面临的问题。)

亲切的问候, 杰西姆。

1 个答案:

答案 0 :(得分:0)

哦,我可爱的夏天孩子

<table>元素被“设计”为以这种方式行事。 table会尝试使用可能空间中的所有列并基于各种csshtml属性,隐藏/溢出/破坏列中的数据,但 never 它是否允许一行的列向下流到另一行。

因此,您可以使用CSS和HTML元素留下很多选项。

如果您使用的是框架,我建议使用专门用于此工作的Bootstrap,并使用提供的col-xx-x类来处理需要在某个屏幕宽度上连续排列的元素,并且“进入一个新的行“在其他屏幕宽度。