Question

我想在输入格式的输入框之间添加间隙。他们紧密地挤在一起，看起来并不好看。这样输入表单看起来感觉很好...表单是从views.py ....传递的对象。

createcustomer.html

 {% extends 'customer/base.html' %}
    {% block title %}Create Customer{% endblock %}

    {% block body %}
    <div class="container-fluid" style="background-color: #f2f2f2; width:100%; height:135%;" >
        <div class="row ">
        <div class="col-lg-4"></div>
        <div class="col-lg-8 text-left" align="center">
            <h2>Create a Customer</h2>
        <form action="." method="post">
            <div class="form-group" >
            {% csrf_token %}
            <table>
                <tr style="width:100%;" class="highlight">
                    <td>First Name:</td>
                    <td>{{form.fname}}</td>
                </tr>
                <tr>
                    <td>Last Name:</td>
                    <td>{{form.lname}}</td>
                </tr>
                <tr>
                    <td>Email:</td>
                    <td>{{form.email}}</td>
                </tr>
                <tr>
                    <td>Address:</td>
                    <td>{{form.address}}</td>
                </tr>
                <tr>
                    <td>City:</td>
                    <td>{{form.city}}</td>
                </tr>
                <tr>
                    <td>State:</td>
                    <td>{{form.state}}</td>
                </tr>
                <tr>
                    <td>Zip:</td>
                    <td>{{form.zip}}</td>
                </tr>
                <tr>
                    <td>Username:</td>
                    <td>{{form.uname}}</td>
                </tr>
                <tr>
                    <td>Phone:</td>
                    <td>{{form.phone}}</td>
                </tr>
               </table>
            <div style="margin-left:200px; margin-top:20px;margin-bottom:20px">
            <input type="submit" class="btn btn-success" value="Submit">
            </div></div>
        </form>
        </div>
            </div>
    </div>
    {%endblock%}

Answer 1

您可以尝试使用css：

{{1}}

Answer 2

将表格添加到num1＆amp; cellspacing

cellpadding

Answer 3

您可以通过应用类和css：

将填充应用于输入本身

HTML

<input id="padded" type="submit" class="btn btn-success" value="Submit">

CSS

#padded { 
padding: 10px;
}

这将在输入表格周围创造空间，让它有空间呼吸。

如何在表的行之间插入间隙？

3 个答案: