将图像按钮放在表格单元格中

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;，这意味着按钮将始终粘贴在其父容器的右侧。当内容增长时，它将被下推到页面上。

＆＃13;

＆＃13;

.readMoreButton{
  float:right;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;