创建两个表 space 之间

Question

如何将这两个表并排添加，并在它们之间添加 space。使用下面的代码，它们是正确的。但是他们需要彼此并排，中间有 space。这可能吗，谁能帮帮我。

<style type="text/css">
    .tftable {
        font-size:       12px;
        color:           #333333;
        width:           100%;
        border-width:    1px;
        border-color:    #729ea5;
        border-collapse: collapse;
    }

    .tftable th {
        font-size:        12px;
        background-color: #acc8cc;
        border-width:     1px;
        padding:          8px;
        border-style:     solid;
        border-color:     #729ea5;
        text-align:       left;
    }

    .tftable tr {
        background-color: #d4e3e5;
    }

    .tftable td {
        font-size:    12px;
        border-width: 1px;
        padding:      8px;
        border-style: solid;
        border-color: #729ea5;
    }

    .tftable tr:hover {
        background-color: #ffffff;
    }
</style>

<table class="tftable" border="1">
    <tr><th>Header 1</th></tr>
    <tr><td>Row:1 Cell:1</td></tr>
    <tr><td>Row:2 Cell:1</td></tr>
    <tr><td>Row:3 Cell:1</td></tr>
    <tr><td>Row:4 Cell:1</td></tr>
    <tr><td>Row:5 Cell:1</td></tr>
    <tr><td>Row:6 Cell:1</td></tr>
    <table class="tftable" border="1">
        <tr><th>Header 1</th></tr>
        <tr><td>Row:1 Cell:1</td></tr>
        <tr><td>Row:2 Cell:1</td></tr>
        <tr><td>Row:3 Cell:1</td></tr>
        <tr><td>Row:4 Cell:1</td></tr>
        <tr><td>Row:5 Cell:1</td></tr>
        <tr><td>Row:6 Cell:1</td></tr>
    </table>
</table>

是否也可以在 header 中添加一个中断，因为我试过这个：

<tr><th><br />Header 1</th></tr>

但这没有用？

Answer 1

这个怎么样。

.tftable {
 float: left;
 margin-right: 5%;
 width:45%;
}

Answer 2

我为您创建了一个演示 fiddle，错误是您对表的编码有误。这是正确的代码：

<table class="tftable" border="1">
<tr><th>Header 1</th></tr>
<tr><td>Row:1 Cell:1</td></tr>
<tr><td>Row:2 Cell:1</td></tr>
<tr><td>Row:3 Cell:1</td></tr>
<tr><td>Row:4 Cell:1</td></tr>
<tr><td>Row:5 Cell:1</td></tr>
<tr><td>Row:6 Cell:1</td></tr></table>

<table class="tftable" border="1">
<tr><th>Header 1</th></tr>
<tr><td>Row:1 Cell:1</td></tr>
<tr><td>Row:2 Cell:1</td></tr>
<tr><td>Row:3 Cell:1</td></tr>
<tr><td>Row:4 Cell:1</td></tr>
<tr><td>Row:5 Cell:1</td></tr>
<tr><td>Row:6 Cell:1</td></tr>
   </table>

看看这个DEMO

https://jsfiddle.net/wgrLfxg3/6/

创建两个表 space 之间

Create two tables with space between

html

css

html-table