夏目友人帐


两个输入框水平排列

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

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

随机文章推荐:

讨论区:

精彩评论
  1. 评论框好简单哦

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

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

  2. 测试

  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>

δ