html - 在表格单元格中放置图像按钮

Question

我想将我的图像按钮定位到表格单元格的右下角，但是当我插入更多/更少的文本时，我不希望按钮改变位置。我该怎么做？

我真的不知道该怎么做，但我会发布我当前的 html 代码。

<table>
<tr>
    <td>
        <div>
            <%--<umbraco:Item field="nyhet-1-text" runat="server" />--%>
            <p><img src=""/></p>
            <p><strong>News</strong></p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
            <a href="#"class="readMoreButton"><img src="../media/testImage.png" alt="test"/></a>
        </div> 
    </td>
</tr>

/克里斯蒂安

Answer 1

您可以在 .readMoreButton 上使用 float:right;，这意味着该按钮将始终固定在其父容器的右侧。当内容增长时，它将被下推到页面。

.readMoreButton{
  float:right;
}

<table>
<tr>
    <td>
        <div>
            <p><img src=""/></p>
            <p><strong>News</strong></p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
            <a href="#"class="readMoreButton"><img src="../media/testImage.png" alt="test"/></a>
        </div> 
    </td>
</tr>
  </table>