Question

为什么我不在文本框旁边看到输入组插件？

<html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" />
  </head>
  <style>
    input
    {
      max-width: 280px;
    }
  </style>
  <body>
    <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>
  </body>
</html>

我需要做什么才能在文本框旁边显示跨度内容而没有任何间隙。

Answer 1

您的问题是您输入的最大宽度。尝试将它放在输入组上，而不是像：

.input-group {
      max-width: 280px;
    }

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" rel="stylesheet"/>

<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>

输入组插件对齐

1 个答案: