html如何设置文本框之间的距离

您好，我在做这个网站的过程中遇到了很多陷阱。

您想设置文本框之间的距离吗？这主要依靠三个技巧：边距、填充和边框。

在北京的一个冬天，我正在帮助一位客户创建一个活动页面。
五个输入框排成一排。
客户说看起来太拥挤了。
起初我想到了杠杆保证金。
只需为每个输入标签添加一个样式并写入 margin-right: 1 0px;您好，我发现右边的是免费的，但左边的仍然附有。
我将其设置为 margin-right: 1 0px; margin-left: 0;，这样会更好，但是顶部和底部间距不够。
最后我是直接用margin:5 px 1 0px;，上下5 ，左右1 0来完成的，这个技巧在设置边距的时候特别有用。

但是上海发生了另一件事。
有一个输入窗口，客户要求文字和边框靠得更近，看起来更精致。
内边距：5 px；我加了一些背垫，哇，整个盒子变大了。
这时，如果想利用边距来调整间距，就必须重新计算宽度。
因此，填充物主要影响室内空间，间接影响间距。
请记住，如果添加填充，则可能需要相应地调整宽度。

另一个示例是客户要求使用虚线边框的输入框。
添加边框：1 px点线aaa；我发现整个盒子又变大了。
如果这时候使用margin的话，也要考虑这个1 px。
所以边框也会占用空间并间接影响间距。

现在，当我创建现代页面时，我通常喜欢使用 Flex 布局。
比如我去年在深圳做的一个小程序中我使用了display:flex;间距：1 5 px；对于多个输入框。
此间距属性会自动在子元素之间创建 1 5 px 的间隔。
无需一一设置边距。
简单多了。
我还想美化内部并为每个输入单独添加填充和边框。
这种组合是最有效的。

小心点。
使用px或em作为单位。
不要使用百分比。
很容易出现问题。
此外，不同的浏览器有不同的默认样式。
有时您的输入默认会有一些余量，您需要手动重置它。
例如{边距：0;填充：0； }，这样统一起来就好看了。

综上所述，设置间隔。
保证金是我的第一选择，直接起作用。
填充和边框是次要的和调试功能。
现代布局使用简单而高效的弹性间隙。
尝试一下，一定会成功的。

怎么设在html中无序列表<li>之间的距离

margin 调整外部间距。
行高调整内部文本间距。
padding 调整内部填充。

使用边距是最简单的。

html中div的外边距和内边距都是什么意思，怎么设置

内边距是元素内容与其边框之间的距离，例如文本到边框的距离。

边距是元素边框之间的距离，就像 div 与其旁边的其他 div 之间的距离一样。

使用auto可以自动调整margin-left和margin-right到最远的距离，但是不能使用auto调整上下边距。

组合使用边距的方法有多种，例如将它们全部设置为 0 或分别设置上、下、左、右。

padding-top 是顶部内边距，padding-right 是右内边距，padding-bottom 是底部内边距，padding-left 是左内边距。

示例：h1 {padding:1 0px 0.2 5 em 2 ex 2 0%;} 这里像素、em、ex 和百分比单位分别设置为上、下、左、右。