Html选择不尊重保证金

Question

这是一个简单的例子：

Fiddle

正如你在上面的图片中看到的那样，所有标签，表格都与容器内的边距对齐（绿色边距），但是选择似乎已经超过了它，我在css上看到它有15个填充，但是填充仅适用于里面的文字。

<%--MODULES--%>
        <div class="col-md-6 col-sm-12" id="prueba">
            <div class="row">
                <label class="col-xs-12">Módulos</label>
                <select class="col-xs-12" multiple="multiple" id="cboModulos" name="cboModulos">
                </select>
            </div>
        </div>

同样的事情发生在右边的文本框中，但我打赌它是相同的情况。

由于

Answer 1

您需要在内容周围添加.container div。 .row类具有负边距以抵消列填充，这会导致元素未对齐。

使用网格系统时，网格类应仅应用于块级元素（输入是内联的，而不是块）。我已经使用元素周围的网格包装器重构了代码。

Updated Fiddle

Answer 2

如果您要在class="row"内显示的唯一列是class="col-anything-12"（请注意 12 ），在大多数情况下，您实际上并不需要class="row" class="col-xs-12" 1}}或col-。

其他不直接在select元素上设置div类的其他内容。将其包裹在div中，然后将该类添加到<div id="634670717473476800" align="center" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"> 。