以下代碼中「下載」按鈕的位置取決於左側文本的大小。如果文字很長,則按鈕會向右推,如果文字很小,則按鈕距離左邊太遠。如何在桌子內部保持按鈕位置鎖定(移動網頁)
<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;
}
包括一個JSFiddle更大的幫助^ -^ –