Chrome调整CSS盒模型自动生成代码

问题

今天在编写一组标签和输入框的时候遇到了这样一个问题，标签和输入框的间隔拉的太开了：

小编我对CSS也不是很了解。在Brackets里修改了 style.css里的样式以后，发现没啥卵用。

解决

最后在页面里审查元素的时候发现了有个盒模型。然后就试着修改了一下参数，发现Chrome在我的html代码里加上了修改后的内容。

1. 鼠标右键，审查元素；
2. 找到间距有问题的地方，修改盒模型的参数；

3.比如：修改为40以后满足要求；
4.可以看到Chrome自动生成了 style="
width: 57px; 这段代码，然后将其Copy到原来的html文件即可~