1

2つの画像を含む1つのdivが必要です。1つはページの中央に配置され、もう1つは右端にあります。

divに「align：center」を追加してみました。これにより、画像がきれいに中央揃えになります。他の画像を追加してこれを適用すると、次のようになります。'float：right'2番目の画像が少し右に移動します。そのため、現在は、ページ全体ではなく、画像とページの左側の中央に配置されています。

<div class="navigator" id="basket_status2" align="center">

<a href="javascript:void(0);">
<img src="images/icon/check-out_empty.png" border="0" alt=""></a>


<span style="float: right; ><a href="javascript:history.back();">
<img src="images/back_button.png" border="0" alt="" /></a></span>

</div>
4

1 に答える 1

1

フロートを扱う必要はありません。ボタンをお好みに合わせて配置するだけです。

.navigator {
    width            : 100%;
    height           : 20px;
    background-color : yellow;
    position         : relative;
}

.checkout {
    margin   : auto;
    height   : 20px;
    width    : 20px;
    border   : 1px solid green;
    position : relative;
    display  : block;
}

.back_button {
    height   : 20px;
    width    : 20px;
    border   : 1px solid red;
    position : absolute;
    right    : 0;
    top      : 0;
}

デモ： http： //jsfiddle.net/NJsvM/

于 2013-01-21T23:16:32.653 に答える