0

そのため、左側に 3 つの画像を配置したシンプルなページを設定しました。各画像の下に 3 つの行を追加します。1 つのプレーン テキスト、1 つのリンク付き画像、1 つの JavaScript 出力です。

最初の行の緑色のテキスト:

<font color="green">User69</font>

次に、次の行にリンク付きの gif を示します。

<a href="http://google.comcom/?a=7337&c=6380&s1="><img src="online01.gif" alt="" border="0" style="float:center"></a><br>

3 行目には、javascript の出力が次のように表示されます。

Location: 
<script language="JavaScript" src="http://j.maxmind.com/app/geoip.js"></script> 
        <script language="JavaScript">document.write(geoip_region_name());</script></span> 
</script></br>

各画像の後のこれらの 3 ビット。

いたるところにテキストが表示されているのが一瞬でわかります。画像は適切な場所にあります。しかし、改行以外は制御できず、面倒です。もっと良い方法があるはずです。

ここにjsfiddleのすべてがあります：http://jsfiddle.net/MzSZ4/1/

問題はかなり明白なはずです！

大変助かりました。

4

2 に答える 2

1

少なくともjsfiddleでは、これが役立ちますfloat: left。.imgleft

于 2012-11-25T15:28:48.033 に答える
0

3 つのコンテナー div が必要なようです。それぞれに画像と、あなたが話している 3 つのテキストが含まれています。例えば：

<div id=main-wrapper>
  <!--box 1-->
  <div class=box>
    <img class=img>
    <p class=toptext>TEXT</p>
    <img class=giflink>
    <p class=javascript-output>
  </div> <!--end of box div-->

  <!--box 2-->
  <div class=box>
    <img class=img>
    <p class=toptext>TEXT</p>
    <img class=giflink>
    <p class=javascript-output>
  </div> <!--end of box div-->

  <!--box 3-->
  <div class=box>
    <img class=img>
    <p class=toptext>TEXT</p>
    <img class=giflink>
    <p class=javascript-output>
  </div> <!--end of box div-->

</div> <!--end of main wrapper div-->

CSS: 

float .box left
于 2012-11-25T16:51:10.070 に答える