问如何禁用宽度: 100%；和框大小:边框；
EN

Stack Overflow用户

提问于 2013-08-19 07:15:36

回答 1查看 12.8K关注 0票数 8

我有提交按钮在包装div。对于所有这些情况，我都有全局设置，输入就像那样在包装器中。

我只想让一个位于包装器的中心，但是属性width:100%;和box-sizing: border-box;处于全宽度，所以我的text-align: center;属性将无法工作。我想禁用全宽度到边距按钮到包装中心。

问题：

如何用CSS禁用width: 100%;和box-sizing: border-box;？

因此，我可以将输入集中到中心。

HTML：

<div class="wrapperInput">
    <input type="submit" class="submit" value="Submit">
</div>

CSS：

#wrapper .wrapperInput input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
}

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-19 07:19:53

试着：

#wrapper .wrapperInput input {
    width: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
     box-sizing: content-box;
}

票数 17

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18308303

复制

相似问题

问如何禁用宽度: 100%；和框大小:边框；
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用宽度: 100%；和框大小:边框；EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用宽度: 100%；和框大小:边框；
EN