Question

如何在<input type="text">标记中放置边距。 Google的搜索栏就是一个例子，其中输入边框和用户在该栏中输入的文字之间有空格。

以防万一，您想看一些代码：

<input type=text placeholder=searchHere style=text-align:left

Answer 1

使用CSS padding。

<input type="text" placeholder="searchHere" style="text-align:left; padding:10px;"/>

Answer 2

不是margin会达到您想要的效果。 padding就是这样

<input type="text" placeholder="Search Here" style="padding: 10px" />

Answer 3

如答案here中所述，

边距位于块元素的外部，而填充位于内部。

您应该设置CSS属性padding来创建此效果。

<input type="text" placeholder="searchHere" style="text-align:left;padding-left:15px;"/>

详细了解margin和padding here之间的区别。

Answer 4

有些效果，只是为了娱乐

input style="padding: 4px 10px;
  border: 1px solid #999;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;"

如何在输入标签中添加边距

4 个答案: