php – 为什么隐藏的输入影响我的布局？ LF说明

发布时间：2020-12-13 14:14:31 所属栏目：PHP教程来源：网络整理

导读：我需要使用隐藏的输入来为每个块传送一些ID到页面. 我有以下代码： div id="shipping_box" class="formSep well" div id="default_shipping_box" class="shipping_box row-fluid" div class="span1" input type="hidden" name="tracking_id" value="" / /div

我需要使用隐藏的输入来为每个块传送一些ID到页面.

我有以下代码：

<div id="shipping_box" class="formSep well">
    <div id="default_shipping_box" class="shipping_box row-fluid">
        <div class="span1">
            <input type="hidden" name="tracking_id" value="" />
        </div>
    </div>
</div>

这个代码工作得很好,结果是我的预期.

如果我这样做：

<div id="shipping_box" class="formSep well">
    <div id="default_shipping_box" class="shipping_box row-fluid">
        <input type="hidden" name="tracking_id" value="" />
        <div class="span1">

        </div>
    </div>
</div>

布局不受尊重.看到这张照片为demostration：

有人可以解释为什么给我吗？隐藏的输入不是“隐藏的”,所以它们不应该影响布局？

jsfiddle：http://jsfiddle.net/t9M3C/

近285线

是因为你有一个css规则(在bootstrap.min.css文件中)匹配的firs-child元素(但只有在class * =“span”)的default_shipping_box div内.

.row-fluid [class*="span"]:first-child {
margin-left: 0;
}

所以,如果你将隐藏的输入放在div#default_shipping_box之前和第一个span之前,那么这个规则并不是对div.span1造型,也就是为什么你的模板被感染了.

您可以固定添加一个简单的CSS规则到同一个文件…

.row-fluid .span1{margin-left:0 !important;}

重要的是因为你有更多的文件超过这个规则(例如在bootstrap-responsive.min.css中)

祝你好运,希望有帮助
干杯,
Gmo.-

编辑：XD太慢在写作时回答…我同意上述原因.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!