夏目友人帐.
30/03/2018 作品
27/03/2018 友人
27/03/2018 关于

两个输入框水平排列

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. 小学长

    评论框好简单哦

    小学长  2018年4月29日回复
    1. 夏目贵志

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

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

      夏目贵志 admin 2018年4月29日回复
  2. XSY

    测试

    XSY  2018年4月29日回复
    1. 夏目贵志

      感谢测试~!

      夏目贵志 admin 2018年4月29日回复
  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>
    夏目贵志 admin 2018年4月29日回复
    1. 六十一

      测试邮件~

      六十一  2018年4月29日回复
      1. 夏目贵志

        在测试!

        夏目贵志 admin 2018年4月29日回复
      2. 夏目贵志

        测试回复~

        夏目贵志 admin 2018年4月29日回复

发表新评论


最后更新于 2018 年 04 月 30 日.
Contact me at lvchuanxing@gmail.com. 回到顶部