1

span要素の右側に画像を揃えたい。

これは td 要素内で正常に機能していましたが、aa スパンに移動したため機能しません。提案をいただければ幸いです。

<div style="width:400px;">
    <span style="display:inline-block;width:50%;" onclick="location.href='http://www.google.com'">Go to Google</span><span style="display:inline-block;width:50%;float:right;weight:bold;" onclick="location.href='http://www.yahoo.com';><img src="test.gif" width=40 height=40 border=0>Go to Yahoo</span>
</div>

http://jsfiddle.net/sVdE3/

4

1 に答える 1

5

これはどう？

<div>
    <span onclick="location.href='http://www.google.com';">Go to Google
        <img src="https://www.google.com/images/srpr/logo11w.png" width="40" height="40" border="0" />
    </span>
    <span onclick="location.href='http://www.yahoo.com';">Go to Yahoo
        <img src="https://www.google.com/images/srpr/logo11w.png" width="40" height="40" border="0" />
    </span>
</div>

また、CSS については次のとおりです。

div {
    width: 400px;
}
span {
    display: inline-block;
    width: 50%;
    float: left;
}
img {
    float: right;
}

http://jsfiddle.net/grim/sVdE3/2/

閉じていない引用符 (") など、マークアップにいくつかのエラーがあることに注意してください。

于 2014-01-06T03:11:32.267 に答える