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

xiaoxiao2021-02-27  875

问题

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

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

解决

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

鼠标右键,审查元素;找到间距有问题的地方,修改盒模型的参数;

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

转载请注明原文地址: https://www.6miu.com/read-254.html

最新回复(0)