Question

我在这里有一个jsfiddle https://jsfiddle.net/z0yjvksg/38/

超级简单，但它让我很生气。

我只需将选择菜单和标签（红色框）置于容器中心（绿色框）。

我已经尝试了所有我能想到的东西而没有实际添加填充或边距来推动框。

    .form{
        border: 1px solid green;
        padding: 10px 0;
    }

    .search-form__by{
        border: 1px solid red;
        display: inline-block;
        margin: 0 auto;
        //text-align: center:

        label{
            float: left;
            margin: 7px 10px 0 0;
        }

        select{
            width: 200px;
        }
    }

Answer 1

添加：

import socket, sys
from struct import *
s = socket.socket(socket.AF_INET, socket.SOCK_RAW, socket.IPPROTO_TCP)

while True:
    packet = s.recvfrom(65565)

<强> jsFiddle example

或者，如果您正在使用Bootstrap，请将课程.row { text-align:center; }添加到行div：text-center

Answer 2

将text-align添加到表单类。

.form{
    border: 1px solid green;
    padding: 10px 0;
    text-align:center;
}

完整解决方案： https://jsfiddle.net/hs0bxyny/

css水平居中选择菜单和标签

2 个答案: