首页两个input如何中间没有间隙，在vscode 中输入

两个input如何中间没有间隙，在vscode 中输入

时间: 2024-03-09 12:50:14 浏览: 17

在 VS Code 中，您可以使用 HTML 插件来快速编写 HTML 代码，并使用 CSS 控制输入元素的布局。以下是一个简单的示例： 1. 在 VS Code 中创建一个新的 HTML 文件，并在文件中输入以下代码： ```html <!DOCTYPE html> <html> <head> <title>Inputs Without Gaps</title> <style> /* CSS 样式 */ .input-container { display: flex; flex-direction: row; } input { margin: 0; padding: 10px; border: none; border-radius: 5px; font-size: 18px; } </style> </head> <body> <div class="input-container"> <input type="text" placeholder="Input 1"> <input type="text" placeholder="Input 2"> </div> </body> </html> ``` 2. 保存文件并在浏览器中打开它，您应该可以看到两个输入框并排排列，并且它们之间没有间隙。在这个示例中，我们使用了 CSS 的 flexbox 布局来将两个输入框放在同一行，并且使用了 margin 和 padding 属性来控制输入框的外边距和内边距，从而达到没有间隙的效果。