当前位置: 首页 > 面试题库 >

如何将一个html表并排分成两部分?

贺高杰
2023-03-14
问题内容

我想要一个表将显示一半的行,然后环绕并水平包装并显示另一半行,而不是一个长的垂直表。

我正在使用角度数据,希望能够将一个数据数组绑定到一张表,但是要像描述的那样将其水平跨两个部分。两个表是一个选项,但是这意味着我必须添加更多逻辑,如果可能的话,我希望避免使用。即,对于排序ID,必须先将数据集重新连接在一起并对其进行排序,然后再进行拆分。

任何指针表示赞赏。


问题答案:

您可以尝试使用CSS3多列布局。这通常不适用于表格(并且不适用于表格),但是如果您将表格放入具有以下样式的DIV容器中,

#container {
    column-count:2;
    -moz-column-count:2;
    -webkit-column-count:2;
}

这可能是您所需要的。

演示:
http
://jsfiddle.net/J3VB5/

更新: 以上内容似乎仅在WebKit浏览器(Chrome,Opera,Safari)中有效。FF / IE可能需要其他方法。

例如,您可以使用Columnizer jQuery插件

演示2:
http
://jsfiddle.net/J3VB5/1/



 类似资料:
  • 这是为了俄罗斯方块。玻璃(蓝色)位于左侧,控制(红色面板)位于右侧。换句话说,现在我只想有一个框架分成两部分:左边(较宽)部分是蓝色,右边部分是红色。没别的了。但我似乎没能做到这一点。 所以,我的逻辑是:让框架有FlowLayout。然后,我添加了两个面板,这意味着它们将被放在一个行中。

  • 问题内容: 我尝试将两个jpanel并排放置,但是在这一刻,我无法执行我想要的代码, `我尝试再放一个jpanel: 此代码无效,也不会出错。 问题答案: 如果我正确理解了您的问题,则希望并排放置2个JPanel。查看布局GridLayout。 您需要setLayout(new GridLayout(1,2)); 上面写着1 Row,2 Col

  • 问题内容: 我有 我想要 问题答案:

  • 我试图将一个数据列表一分为二,但我不知道如何正确执行。 当我使用dput(a)时,我的数据如下 结构(列表)(V1=结构(c(1L、9L、10L、11L、12L、13L、14L、15L、16L、2L、3L、4L、5L、6L、7L、8L)。标签=c(“1\t1200.30”,“10\t1305.80”,“11\t1263.02”,“12\t1312.67”,“13\t1229.85”,“14\t12

  • 问题内容: 这是在采访中问我的,这是我提供的解决方案: 有没有更有效的方法可以做到这一点? 编辑:更正的长度方法。 问题答案: 稍有改进,但是在主循环之后,当到达另一个输入数组的末尾时,可以用来复制其中一个输入数组的结尾。但是,那不会改变你解决方案的性能特征。

  • API需要以下多部分/表单数据格式: 我的模型对象如下所示: 我如何通过使用我的model类发送多部分数据,而不是手动创建字符串并将其作为MultiPartBody.Part对象传递? 还有,有没有可能在这个功能中添加一个图像上传呢?