Question

在下面，您将看到按钮（引导程序4）所在的单元格。其他单元格未打印。 “编辑”和“删除”按钮是一个按钮（两行）。如何强制他们到同一行？

<div class="container">
    <table class="table table-striped">
        ..deleted...
        <tbody>
            ..deleted...
            <tr>
                <div>
                    <form method="GET">
                        {% csrf_token %}
                        <button class="btn btn-outline-secondary btn-sm" type="submit" name="edit"
                            value={{objekt.id}}>Edit</button>
                    </form>
                    <div id="colwrap">
                        <form method="POST">
                            {% csrf_token %}
                            <button class="btn btn-outline-secondary btn-sm" type="submit" name="delete"
                                value={{objekt.id}}>Delete</button>
                        </form>
                    </div>
                </div>
            </tr>
        </tbody>
    </table>
</div class="container">

Answer 1

我终于找到了答案（https://www.w3schools.com/howto/howto_css_button_group.asp）（带有其他CSS）。在html中：

seq(0,tmax,by=0.001)

在CSS中（在我的情况下为APPfolder / static / app.css）：

<div class="btn-group">
  <button>Apple</button>
  <button>Samsung</button>
  <button>Sony</button>
</div>

如何将两个按钮强制排成一行

1 个答案: