我在一张桌子上有四个牢房,另一张桌子有八个 细胞
我已在所有单元格上将max-width设置为300px。现在我面临的问题 如果页面也是如此,单元格不会下降到第二行 小。 (目前在每个问题上都是哈哈)
我想知道如何添加动态行以使额外内容超出页面宽度,从下面插入新行?
所有代码都可以在开发人员工具中看到以下website
(产品部分的细胞/行是我面临的问题。)
亲切的问候, 杰西姆。
答案 0 :(得分:0)
哦,我可爱的夏天孩子,
<table>
元素被“设计”为以这种方式行事。 table
会尝试使用可能空间中的所有列并基于各种css
和html
属性,隐藏/溢出/破坏列中的数据,但 never 它是否允许一行的列向下流到另一行。
因此,您可以使用CSS和HTML元素留下很多选项。
如果您使用的是框架,我建议使用专门用于此工作的Bootstrap,并使用提供的col-xx-x
类来处理需要在某个屏幕宽度上连续排列的元素,并且“进入一个新的行“在其他屏幕宽度。