Question

我正在为我的桌子做一个分页。

我需要带有文字的标签＆＃34; of 30＆＃34;内联输入文本。

我怎么能这样做？

以下是关于小提琴的链接：

// MARKUP

<nav>
        <ul class="pagination" style="margin: 0px !important;">
         <li><a href >First</a>
         </li><li><a href>&lt;</a>
         </li>
         <li>
           <a>
             <input type="text" class="select-page form-control" id="pagenav" class="form-control">
             <label>of 30</label>
           </a>
         </li>
         <li><a href>&gt;</a>
         </li><li><a href>Last</a></li>
        </ul>
</nav>

Answer 1

尝试：

#pagenav {
  display: inline-block;
}

Answer 2

除了在display: inline-block上设置#pagenav以便在输入旁边显示文字外，您还需要调整包含元素的高度和边距：

#pagenav {
  display: inline-block;
}

.pagination>li>a {
  height: 34px;
}

.pagination li a input {
  height: 26px;
  margin-top: -7px;
}

我已经创建了一个更新的小提示，展示了 here 。

希望这有帮助！：）

如何内联标签和输入文本

2 个答案: