Question

如何在文本框和图标之间留出空间： -

{{1}}

Answer 1

使用margin-right

<div class="input-group">
  <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" style="margin-right: 10px">
  <span class="input-group-addon" id="basic-addon1">@</span>
</div>

以下是工作示例。

<!DOCTYPE html>
<html>

<body>
    <div class="input-group">
        <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" style="margin-right: 10px">
        <span class="input-group-addon" id="basic-addon1">@</span>
    </div>
</body>

</html>

如何在课堂之间留出空间＆＃34;输入组＆＃34;图标和文本框

1 个答案: