如何在同一行上对齐div输入标签和按钮

儿子

我是html的新手,我有一个代码,希望在同一行上将输入标签和右标志上的按钮对齐。我怎样才能做到这一点?

  <div class="form-group input-group">
    <input type="text" class="form-control" />
    <span class="input-group-btn input-group-addon">
        <button class="btn btn-del input-group-delete" data-tooltip="tooltip" ><i class="fa fa-trash-o"></i></button>
    </span>
  </div>

我的jsfiddle:https ://jsfiddle.net/DTcHh/17952/

瓦伦·马尔霍特拉(Varun Malhotra)

您也可以通过这种方式来做...

<style>
.nopadding{
  padding:0;
}
</style>
<div class="timeline-panel">
  <div class="timeline-heading">
    <div class="form-horizontal col-xs-12">
      <div class="form-group input-group">
        <input type="text" class="form-control" />
        <span class="input-group-btn input-group-addon nopadding">
                            <button class="btn btn-del input-group-delete" data-tooltip="tooltip" ><i class="fa fa-trash-o"></i></button>
                </span>
      </div>
    </div>
  </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将标签与同一行上的跨度对齐-CSS

来自分类Dev

如何在主<div>标签内的同一行中水平对齐两个<div>标签?

来自分类Dev

如何在同一行上向左对齐文本和向右对齐图像?

来自分类Dev

如何对齐按钮,使它们保持同一行?

来自分类Dev

引导多个标签并在同一行上输入

来自分类Dev

如何在一行中将单选按钮与标签对齐?

来自分类Dev

如何在Bootstrap的一行上显示输入按钮?

来自分类Dev

如何在Bootstrap的一行上显示输入按钮?

来自分类Dev

在html的同一行上对齐图像和列表

来自分类Dev

如何将标签和输入对齐到一行?

来自分类Dev

如何在一行中设置标签和输入?

来自分类Dev

如何在Bootstrap 3.4的同一行上创建输入和按钮?

来自分类Dev

如何在同一行上对齐span和img元素?

来自分类Dev

使输入和标签元素出现在列中的同一行上

来自分类Dev

在同一行上对齐<td>和<div>

来自分类Dev

在同一行上对齐textview和微调器

来自分类Dev

如何在Android的同一行中对齐TextView,微调框和按钮

来自分类Dev

如何在同一行上对齐文本和按钮?

来自分类Dev

按钮与输入和标签在同一行

来自分类Dev

用户如何在Lua的同一行上输入?

来自分类Dev

如何在同一行但两端对齐两个输入框

来自分类Dev

如何在嵌入在div块中的输入标签之后的一行中显示按钮?

来自分类Dev

如何在同一行上对齐HTML表和描述文本

来自分类Dev

在同一行JAVA上对齐textView和Image

来自分类Dev

如何在同一行上对齐搜索图标和自动完成组件

来自分类Dev

如何在 CSS 的同一行上对齐包含文本的 div 和包含图像的 div?

来自分类Dev

如何使用引导程序对齐左侧的按钮和同一行中间的徽标?

来自分类Dev

将 Div 标签对齐到同一行

来自分类Dev

如何在 HTML 的同一行上输入和标签?

Related 相关文章

  1. 1

    将标签与同一行上的跨度对齐-CSS

  2. 2

    如何在主<div>标签内的同一行中水平对齐两个<div>标签?

  3. 3

    如何在同一行上向左对齐文本和向右对齐图像?

  4. 4

    如何对齐按钮,使它们保持同一行?

  5. 5

    引导多个标签并在同一行上输入

  6. 6

    如何在一行中将单选按钮与标签对齐?

  7. 7

    如何在Bootstrap的一行上显示输入按钮?

  8. 8

    如何在Bootstrap的一行上显示输入按钮?

  9. 9

    在html的同一行上对齐图像和列表

  10. 10

    如何将标签和输入对齐到一行?

  11. 11

    如何在一行中设置标签和输入?

  12. 12

    如何在Bootstrap 3.4的同一行上创建输入和按钮?

  13. 13

    如何在同一行上对齐span和img元素?

  14. 14

    使输入和标签元素出现在列中的同一行上

  15. 15

    在同一行上对齐<td>和<div>

  16. 16

    在同一行上对齐textview和微调器

  17. 17

    如何在Android的同一行中对齐TextView,微调框和按钮

  18. 18

    如何在同一行上对齐文本和按钮?

  19. 19

    按钮与输入和标签在同一行

  20. 20

    用户如何在Lua的同一行上输入?

  21. 21

    如何在同一行但两端对齐两个输入框

  22. 22

    如何在嵌入在div块中的输入标签之后的一行中显示按钮?

  23. 23

    如何在同一行上对齐HTML表和描述文本

  24. 24

    在同一行JAVA上对齐textView和Image

  25. 25

    如何在同一行上对齐搜索图标和自动完成组件

  26. 26

    如何在 CSS 的同一行上对齐包含文本的 div 和包含图像的 div?

  27. 27

    如何使用引导程序对齐左侧的按钮和同一行中间的徽标?

  28. 28

    将 Div 标签对齐到同一行

  29. 29

    如何在 HTML 的同一行上输入和标签?

热门标签

归档