Question

我正在试图弄清楚如何使按钮水平而不是垂直。

{%  extends 'base.html' %}
{% block title %}
Register
{% endblock %}
{% block content %}

<form action="/registration/customer/" method="post">{% csrf_token %}
    <button style="font-size : 30px;width:350px;height:300px;" type="submit" name="type" value="customer"
            class="btn btn-success">Zákazník
    </button>

</form>
<form action="/registration/freelancer/" method="post"> {% csrf_token %}
    <button style="font-size : 30px;width:350px;height:300px;" type="submit" name="type" value="freelancer"
            class="btn btn-success">Predajca
    </button>

</form>

{% endblock %}

有两个按钮，每个按钮应运行不同的view。我想让它们并排。

Answer 1

使用css样式，如

form {
  display:inline;
}

这将显示与其按钮内联的表单（将屏幕调整得更宽，您将看到结果）

这是一个小提琴https://jsfiddle.net/repzeroworld/8agtkr30/

Answer 2

在btn CSS课程中，您应添加text-align: center。

如果它不起作用，请检查您的表单宽度是否为100％，因为它会根据您的表单大小调整。

如何水平对齐按钮？

2 个答案: