在同一行创建两个表

大家好,

有人知道是否可以在同一行创建两个表格吗?比如一个在左边,一个在右边?


默认情况下这是不可能的,但可以通过创建两个表格并将其包裹在一个带有 data 属性的 div 中来实现。然后,您可以在网站的主题中针对该 data 属性,从而创建一个两列的表格。下面是一个基本示例。我并非 CSS 专家,请根据您的需要调整 CSS 样式。

原始帖子内容:

<div data-two-column-table>

|foo|bar|
|---- | ----|
|this|that|

</div>

<div data-two-column-table>

|foo|bar|
|---- | ----|
|this|that|

</div>

主题 CSS(注意它针对的是 Discourse 包裹表格的 .md-table div):

div[data-two-column-table] .md-table {
    width: 50%;
    display: inline-block;
    float: left;
}

预期输出:

以这种方式为表格设置样式的一个潜在缺点是,样式在从网站发送的电子邮件中将无法保留。

我明白了,谢谢告知!