0

<button>下の図に示すように、HTML の要素は常に他の要素よりもわずかに低く表示されることに気付き ました。

ここに画像の説明を入力

ご覧のとおり、「Go」ボタンは、同じ行にある textarea 要素よりもわずかに下にあります。このためのコードは次のとおりです...

<table width="100%">
            <tr>
                <th rowspan="2" align="left">
                    <img width="120px" height="60px" src="test-image.jpg" />
                </th>
                <th align="right">
                    User &nbsp;&nbsp;
                    <a href="">My Garage</a> &nbsp;|&nbsp;
                    <a href="">Account Settings</a>&nbsp;|&nbsp;
                    <a href="">Sign Out</a> &nbsp;|&nbsp;
                    <br/>
                    <textarea rows="1" id="search_text"></textarea><button>Go!</button>
                </th>
            </tr>
        </table>

なぜこれが起こるのですか?これに対する最も簡単な修正は何ですか?

4

2 に答える 2

2

ボタンに適用vertical-align: text-bottom;してみてください。

于 2012-06-04T15:02:19.553 に答える
0

単一の行でinputはなく、タグを使用する必要があります。textareaこのコードを試してください：

<input type="text" id="search_text"><button>Go!</button>​​​​​​​​​​​​​​​​​​​​​​
于 2012-06-04T15:03:27.207 に答える