两个输入框水平排列 - 夏目友人帐

两个输入框水平排列

"夏目贵志" 发表于: 2018年04月29日

css:

.Connection{
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
}
<div>

<div class="Connection">

<div class="cell-left">
联系人:<input type="text" class="common-input" id="Renter">
</div>
                                              
</div>

<div class="Connection">
<div class="cell-left">
电话:<input type="text" class="common-input" id="Telphone">
</div>
                        
</div>
</div>
css:

.Connection{
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
}
<div>

<div class="Connection">

<div class="cell-left">
联系人:<input type="text" class="common-input" id="Renter">
</div>
                                              
</div>

<div class="Connection">
<div class="cell-left">
电话:<input type="text" class="common-input" id="Telphone">
</div>
                        
</div>
</div>

文章作者:ckkyjtqlt

原文链接:https://blog.csdn.net/ckkyjtqlt/article/details/77113156

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

添加新评论

已有 8 条评论

  1. 评论框好简单哦

    1. @小学长

      本来框都不想要的 直接文字输出 后面发现 css 不会写 不能写成一行

      不然估计就变成 ul li 这样的了!

  2. 测试

    1. @XSY

      感谢测试~!

  3. 测试

    <div>
    
    <div class="Connection">
    
    <div class="cell-left">
    联系人:<input type="text" class="common-input" id="Renter">
    </div>
                                                  
    </div>
    
    <div class="Connection">
    <div class="cell-left">
    电话:<input type="text" class="common-input" id="Telphone">
    </div>
                            
    </div>
    </div>