-3

HTMLプログラミング初心者です。以下のコードを参照してください。

<div data-role="content" data-mini="true" >
  <div class="content-primary">
    <input type="image" src="images/mobile.png" style="width:100px; padding:5px; background:#fff; border:1px solid #999;" value="Input" type="image" onclick="mobileClicked()" data-role="none" />
    <span style="clear:both">Mobile</span>
  </div>
</div>

私が欲しいのは、画像の下にテキストを取得することだけです。

4

1 に答える 1

0

これを実現する方法はたくさんあります。タグの使用に慣れていない場合は、spanタグをタグに変更することもできますp(jsFiddle はこちら: http://jsfiddle.net/tuanderful/WcU2M/ )。clear: both

<div data-role="content" data-mini="true" >
    <div class="content-primary">
    <input type="image" src="images/mobile.png" style="width:100px; padding:5px; background:#fff; border:1px solid #999;" value="Input type=image" onclick="mobileClicked()" data-role="none" />
    <p style="">Mobile</p> 
    </div>
</div>

現在の構造に固執する場合、キャプションに があることに気付きます...キャプションと入力の両方にclear: both追加します。float: left

<div data-role="content" data-mini="true" >
<div class="content-primary">
<input type="image" src="images/mobile.png" style="width:100px; padding:5px; background:#fff; border:1px solid #999;float: left" value="Input type=image" onclick="mobileClicked()" data-role="none" />
<span style="float: left; clear:both">Mobile</span> 
</div>
</div>
于 2012-12-18T05:18:41.747 に答える