Question

页面中将按钮和a标签放在同一行时，显示为两行。如何将它们放在同一行

页面是用表格的:
<table>
<tr>
<td><input id="btn_add" type="button" class="btn2" runat="server"/>
<a href="" target="_blank" class="btn2" style="display: block; height:15px"></a>
</td>
</tr>
</table>

Answer 1

<table>

<tr>

<td><input id="btn_add" type="button" class="btn2" runat="server" value="按钮"/></td>

<td><a href="" target="_blank" class="btn2" style="display: block; height:15px">我的链接</a></td>

</tr>

</table>

把按钮和a标签分别放在td标签中。

扩展资料：

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

Answer 2

朋友，是这样的
你看的你的代码a标签下的style="display: block; height:15px"，里面display属性是block,把a变成了区块。区块也就是占一整行的意思，要把它改成内联inline，如下:
<a href="" target="_blank" class="btn2" style="display: inline; height:15px"></a>

或者是加上float:right,让a标签区块右浮动,button标签左浮动float:left
<table>
<tr>
<td><input id="btn_add" type="button" class="btn2" runat="server" style="float:left"/>
<a href="" target="_blank" class="btn2" style="display: block; height:15px;float:right"></a>
</td>
</tr>
</table>

记得采纳哦