大家好,
有人知道是否可以在同一行创建两个表格吗?比如一个在左边,一个在右边?
| 左 | 侧 |
默认情况下这是不可能的,但可以通过创建两个表格并将其包裹在一个带有 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;
}
预期输出:
以这种方式为表格设置样式的一个潜在缺点是,样式在从网站发送的电子邮件中将无法保留。
我明白了,谢谢告知!