使用 CSS 更改表单布局

问题描述

我需要一些 CSS 方面的帮助。

我的网站上有一张优惠券表格，我想更改布局。我希望优惠券表单的字段和按钮在 1 行中，并且优惠券表单占据 100% 的宽度。我该怎么做？

from django.http import HttpResponse
import random

def number(request):
    number = ['1','2','3',]
    random_number = random.choice(number)
    print(random_number)
    return HttpResponse(random_number)

解决方法

您可以将此代码添加到您的 css 类中：

.coupon-form {
   display: flex;
}

.coupon-form > .field,.coupon-form .input-text {
   width: 100%; 
}