0

プラス記号が表示された画像があり、画像の横に小さなメッセージが表示されます。コードは以下のとおりです。

<table id="plus" align="center">
<tr>
<th>
<input type="image" src="Images/plussign.jpg" name="plussign" width="30" height="30" id="plusimage"><span id="plussignmsg">(Click Plus Sign to look <br/> up Previous Questions)</span>
</th>
</tr>
</table>

私が抱えている問題は、メッセージが実際には画像の横にインラインで表示されていないことです。画像の高さは30ピクセルですが、メッセージは下から約10ピクセルの高さで表示されます。画像の横にメッセージを表示して、画像と正しくインラインで表示するにはどうすればよいですか。

以下はcssです：

#plusimage{
    clear:right;    
}        

#plussignmsg{
    font-size:10px; 
    display:inline;
}
4

4 に答える 4

1

これを試して：

#plusimage{
    float:left;   
}        

#plussignmsg{
    font-size:10px; 
    display: block; float:left;
}

最近、コンテナをテーブルとして表示し、コンテンツをテーブルセルとして表示することもできます。

于 2012-05-21T03:17:44.250 に答える
0

float画像を試してみてください

#plusimage{
    float: left;
}
于 2012-05-20T23:22:39.523 に答える
0

試す

#plusimage{
    display:inline;   
}
于 2012-05-20T23:31:06.363 に答える
0 
Use this. I have added css class for align image to vertical middle.

<style type="text/css">
    #plusimage
    {
        vertical-align:middle;
    }
   </style>
   <table id="plus" style="width:100%; text-align:center;">
        <tr>
            <th>
                <input type="image" src="Images/add_user.png" name="plussign" id="plusimage"><span id="plussignmsg">(Click Plus Sign to look up Previous Questions)</span>
            </th>
        </tr>
    </table>
于 2012-05-21T04:27:20.357 に答える