表td设置为colspan 1,仍然占用2列空间

时间:2018-09-16 09:54:50

标签: html css html-table

标题基本上可以解释所有内容。我的问题是td(我什至给了colspan="1")仍然需要2个列空间。我想念什么?

enter image description here

如果您要将其复制到此处,则为以下代码段:

<table>
  <tr>
    <td colspan="2" class="group_name">Group Name</td>
    <td class="date">1536313586</td>
  </tr>
  <tr>
    <td rowspan="2" colspan="1"><img class="avi" src="default.png"></td>
    <td colspan="2" class="user_name">Name</td>
  </tr>
  <tr>
    <td colspan="2" class="message">6</td>
  </tr>
</table>

编辑

这里是我想要它的外观的图片;它现在正在工作,但是我还是用div和CSS修复了它,尽管我仍然希望它可以通过表来完成:

enter image description here

2 个答案:

答案 0 :(得分:0)

请尝试保持表列结构正确,请尝试

<table>
  <tr>
    <td colspan="2" class="group_name">Group Name</td>
    <td class="date">1536313586</td>
  </tr>
  <tr>
    <td rowspan="2" colspan="1"><img class="avi" src="default.png"> . </td>
    <td colspan="2" class="user_name">Name</td>
  </tr>
  <tr>
    <td class="message">6</td>
</table>

答案 1 :(得分:0)

这是我看到的唯一解决此问题的方法(我不满意):

<table>
<tr>
	<td colspan="2" class="group_name">Group Name 1536313586</td>
</tr>
<tr>
	<td rowspan="2"><img class="avi" src="default.png"></td>
	<td class="user_name">Nameasdasdasdadsadsadsdsa</td>
</tr>
<tr>
	<td class="message">6</td>
</tr>
</table>