Question

我正在尝试在我的表格中放置图片，但是当我将img标记放在<td>标记之间时;相邻单元格的内容就像它上面有<br>个标记一样。

我尝试使用display:inline-block，但没有任何效果。

问题：如何制作＆＃34; neighboor内容＆＃34;熬夜？

＆＃13;

<table height="100%" width="100%" border="solid black 1px">
  <tr class="Content">
    <td class="left">
      <img src="sample.jpg" width="250px" />
    </td>
    <td>
      <table class="right">
        <tr>
          <td class="Title">
            <h2> Title of movie </h2>	
          </td>
        </tr>
        <tr class="description">
          <td>Description of movie</td>
        </tr>
        <tr class="Actors">
          <td>
            <h2> Actors of movie </h2>
          </td>
        </tr>
        <tr class="buttons">
          <td colspan="2">
            <p>Option buttons will be here.</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

＆＃13;

这是相对的CSS样式。

＆＃13;

.content {
  background-color: white;
}
.content .left {
  vertical-align: text-top;
  width: 250px;
}
.content .right {
  vertical-align: text-top;
}

＆＃13;

Answer 1

请在表格中添加ID

<Table id="tblnotify">

使用此css代码

#tblnotify td{
   vertical-align: top;    //align td to top
   padding:2px;       //it is not good view to stick on top of the table.leave a little space for a better look.
}

regds

我不能在不破坏其他细胞的情况下将图像放在桌子上。路线

1 个答案: