如何水平对齐按钮?

米兰诺

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

{%  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我想让它们并排。

零零

使用css样式

form {
  display:inline;
}

这将以其臀部的形式内联显示表单(将屏幕调整得更宽,您将看到结果)

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何水平对齐推特按钮和普通按钮?

来自分类Dev

单选按钮水平对齐

来自分类Dev

如何使p元素和按钮与CSS水平对齐

来自分类Dev

如何与约束水平对齐?

来自分类Dev

如何使盒子水平对齐?

来自分类Dev

如何根据设备视口在Bootstrap中将按钮从垂直对齐到水平对齐?

来自分类Dev

水平对齐4个图像按钮

来自分类Dev

在水平线性布局内对齐按钮

来自分类Dev

将操作按钮与selectinput对齐,水平闪亮

来自分类Dev

在猕猴桃中水平对齐按钮

来自分类Dev

使按钮列表水平与自动布局对齐

来自分类Dev

Twitter Bootstrap按钮水平中间对齐

来自分类Dev

引导对齐水平形式和按钮

来自分类Dev

如何水平对齐按钮并使用XAML Windows Phone均匀分布

来自分类Dev

我应该如何对齐三个按钮,以便它们在Bootstrap中水平堆叠

来自分类Dev

我应该如何对齐三个按钮,以便它们在Bootstrap中水平堆叠

来自分类Dev

离子如何使用按钮而不是通常的离子收音机并使它们水平对齐

来自分类Dev

如何水平底部而不是垂直右对齐控制按钮 NgxImageViewer

来自分类Dev

如何对齐单选按钮?

来自分类Dev

如何对齐按钮

来自分类Dev

如何让按钮与div对齐

来自分类Dev

如何显示水平按钮

来自分类Dev

如何使按钮水平排列?

来自分类Dev

如何缩放按钮而不对齐或固定对齐?

来自分类Dev

如何使用大小类和自动布局将两个UI按钮在Xib中水平对齐

来自分类Dev

如何垂直对齐按钮

来自分类Dev

如何对齐这些HREF按钮?

来自分类Dev

如何垂直对齐按钮

来自分类Dev

如何对齐网页的按钮中心?