努力在 table 内换行

Question

我在运行.

的论坛中有一个留言箱

左边是一个文本输入框，右边是一些按钮。

我希望按钮显示在文本输入框下方。

在文本输入框后添加 < br/> 标记没有帮助

这是代码

<!-- Text Entry Table -->
<div class="newquery">
  <form name="newshout" autocomplete="off" id="newquery">
    <table class="inputTable">
      <tr>
        <td width="100%">
          <input type="text" style="{inferno_user_css}" id="inferno_shout_entry" class="inferno_text" name="newshout"></input>
          <br />
        </td>
        <td width="1%" style="white-space:nowrap">
          <input type="submit" id="postshout" class="button" name="postshout" onclick="javascript: inferno.submit_shout(); return false;" class="submitShout" value="{$lang->isb_btn_shout}" />
          <input type="button" class="button" name="btnClear" onclick="javascript: inferno.clear_shout(); return false;" value="{$lang->isb_btn_clear}" />{inferno_button_smilies} {inferno_button_bold} {inferno_button_underline} {inferno_button_italic} {inferno_button_colors} {inferno_button_fonts}
        </td>
      </tr>
    </table>
  </form>
</div>
<!-- End Text Entry -->

真的卡住了，是时候寻求帮助了。

Answer 1

您需要将按钮包含在新的 <tr> 元素中。这是一个快速模型：

<table>
  <tr>
    <td>
    Text Area/Form Field
    </td>
  <tr>
    <td>
    Submission Buttons Here
    </td>
  </tr>
</table>

努力在 table 内换行

Struggling to get a line break within table

html

html-table