html - 如何在表格内保持按钮位置锁定(移动网页)

Question

我的“下载”按钮在以下代码中的位置取决于其左侧文本的大小。如果文本很长，按钮会被推到右边，如果文本很短，按钮会被推到左边太远。

<td><p><strong>jk</strong></p><div><p>jk</p></div><span class="rating stars-4"></span></td>
<td><p><strong>Version:2.0</strong></p><a class="button-flat" href = "http://randomdomfile.com/random.txt>Download</a></td>

我还附上了一张图片来说明我的意思。

基本上，版本和下载的位置取决于标题或“jk”的大小。我希望按钮和版本始终被推到屏幕的右边缘。我该怎么做？

更新:这是我根据您所说的使用的新代码:

<td><p><strong>jk</strong></p><div><p>jk</p></div><span class="rating stars-4"></span></td>
<td><div class = "newformat"><p><strong>Version:2.0</strong></p><a class="button-flat" href = "http://randomdomfile.com/random.txt>Download</a></div></td>

.newformat{
     position:absolute; 
     right:0;
}



a.button-flat {
display: block;
line-height: 40px;
height: 40px;
width: 100px;
background: #F6F6F6 url(../images/sprite-button-flat.png) repeat-x 0px 0px;
text-align: center;
border-bottom: 2px solid #D8D8D8;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
text-decoration: none;
color: #333333;
padding: 0 .3em;
margin-bottom: 0.5em;
}

Answer 1

在按钮的 CSS 上使用 position:absolute 和 right:0。