18910140161

HTML-如何在字符后面移动按钮:-堆栈溢出

顺晟科技

2022-10-19 11:37:46

136

我在HTML中有以下问题:无法将添加按钮移动到一边。我已经尝试在按钮的div中插入单词或删除按钮div中的br/。它不起作用。我知道对这里的所有专业人士来说,这似乎是一个愚蠢的问题,但我真的卡住了

<h4>More details: </h4>
<div class="col-md-1">
 <div class="form-group">
                                                        
  <div class="text-sm-center">
                                                        
   <button type="button" class="btn btn-outline-success btn-rounded" id="addrow"><i class="dripicons-plus"></i></button>
  </div>
 </div>
</div>


顺晟科技:

在这种情况下,您可以只使用CSS。您需要所有三个父DIV元素的px为零,并且。

尝试为每个类添加另一个类,例如:

<h4>More details: </h4>
<div class="col-md-1">
 <div class="form-group">
                                                        
  <div class="text-sm-center">
                                                        
   <button type="button" class="btn btn-outline-success btn-rounded" id="addrow"><i class="dripicons-plus"></i></button>
  </div>
 </div>
</div>

CSS

<h4>More details: </h4>
<div class="col-md-1">
 <div class="form-group">
                                                        
  <div class="text-sm-center">
                                                        
   <button type="button" class="btn btn-outline-success btn-rounded" id="addrow"><i class="dripicons-plus"></i></button>
  </div>
 </div>
</div>

有些人喜欢。

使用另一个类的原因是避免与现有类其他地方的任何其他元素发生冲突。

这个方法/答案有点老套;更优雅的解决方案将会出现。

如果我理解正确的话,您希望元素以行格式与按钮并排。由于和标记是block-level“>block-level使您的元素与嵌套元素在同一行中的唯一方法是操作每个元素占用的空间,即使用CSS

块级元素占用其父元素(容器)的整个水平空间和与其内容高度相等的垂直空间,从而创建“块”。

要使与按钮紧挨着另一个容器,可以使用CSS flexbox并将HTML嵌套在父容器中。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航