我如何在文本框和图标之间留出空间:-
<div class="input-group">
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
<span class="input-group-addon" id="basic-addon1">@</span>
</div>
最佳答案
使用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>关于html - 如何在类 "input-group"图标和文本框之间留出空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46298831/