与colspan的造型表 - 我无法做出正确的设计

时间:2015-08-31 18:50:42

标签: css html-table

我有一张桌子。它正在以这种方式看待: 我想在这两列中显示一些文本,之后我会显示公司的徽标。但是哪种方法可以正确定位和定位?

我在class="right-logo"工作时发现了这种方式,但我使用的是margin-left:-40px;,我不确定它是否正确。 当我使用td colspan="number of columns"时,问题在于它没有按预期定位。第二个文本和徽标之间有很多空白区域,我用左边缘删除它。

有没有更好的方法呢?

.right-logo {
                margin-left:-40px;   
            }
  <table>
            <tr>
                <td  style="position: relative; font-size: 9px;" colspan="2">
                   
                         some text<br>
                         some text<br>
                         some text<br>
                         some text<br><br>
                        </td> <td style="position: relative; font-size: 9px;" colspan="4">
                        another text<br>
                         another text<br>
                         another text<br>
                        another text<br>
                       </div>
                </td>
                <td colspan="2" class="right-logo">
                  Logo
                  </td>
</tr>
//the rest of my table

1 个答案:

答案 0 :(得分:1)

这是你在找什么?

<table>
<tr>
    <td>Some Test</td>
    <td>another text</td>
    <td rowspan="4">Logo</td>
</tr>
<tr>
    <td>Some Test</td>
    <td>another text</td>
</tr>
<tr>
    <td>Some Test</td>
    <td>another text</td>
</tr>
<tr>
    <td>Some Test</td>
    <td>another text</td>
</tr>