2013-06-26 57 views
0

以下代碼中「下載」按鈕的位置取決於左側文本的大小。如果文字很長,則按鈕會向右推,如果文字很小,則按鈕距離左邊太遠。如何在桌子內部保持按鈕位置鎖定(移動網頁)

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

我還附上了一張圖片來展示我的意思。 enter image description here

基本上,版本和下載的位置取決於標題或「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; 
} 
+0

包括一個JSFiddle更大的幫助^ -^ –

回答

2

使用位置:上按鈕的CSS 0:絕對和權。

+0

謝謝,這工作。 – user2463517

+0

很高興聽到這個消息。如果它對你有幫助,請接受答案。 – aBhijit

+0

是的,時間限制。我會在5-10分鐘內接受。 – user2463517

相關問題