编程开发

关注公众号 jb51net

关闭
软件教程 > 编程开发 >

vscode文本框怎么设置输入内容与边框的距离?

脚本之家

HTML中input输入框设置输入内容与边框的距离

打开visual studio code代码编辑器编写HTML代码

用Goole浏览器打开编辑好的HTML文件,输入框的内容输入位置默认是在左边,并且与左边边框没有间隔。

编写CSS样式,通过 padding-left 设置input输入框的输入内容与边框的间隔

刷新Goole页面,可以看到input输入框的输入内容已经和左边框有了一定的距离

CSS中的padding-left 属性的值可以是 固定的px值,也可以是 百分比值

以上就是vscode文本框设置输入内容与边框的距离技巧,希望大家喜欢,请继续关注脚本之家。

相关推荐:

VSCode格式怎么设置模板化? Visual Studio Code设置格式模板的技巧

VSCode如何更新? VSCode手动更新与自动更新的设置方法

VS Code怎么设置每行代码长度? VSCode文本行限制为35的技巧