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>

私が言いたいことを示すために写真も添付しました。 ここに画像の説明を入力

基本的に、バージョンとダウンロードの位置は、タイトルまたは「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;
}
4

1 に答える 1

2

ボタンの CSS でposition:absoluteright:0を使用します。

于 2013-06-26T13:29:51.977 に答える