zoukankan      html  css  js  c++  java

  • form-line 样式 让 两个控件在同一个水平位置

    1. <div class="row">  
    2.             <div>  
    3.                 <label class="form-inline">参加单位：<input type="text" class="form-control" /></label>  
    4.             </div>
    5. </div>  

    主要就是添加form-inline就可以了

    如果是一个文本框和一个按钮的话那么只需要在外侧用div包含，然后使用form-inline属性就可以

    1. <div class="row">  
    2.            <div class="form-inline">  
    3.                <input type="text" class="form-control" placeholder="关键字" />  
    4.                <button class="btn btn-primary">搜 索</button>  
    5.            </div>  
    6. </div>  
    在HTML中，让两个DIV在同一行显示,就是通过float属性来设置的，我们可以通过设置3个div，然后第一个div包裹住其他2个div，然后在设置宽高就可以了，我提交一段代码：
            <html>
                        <head>
                                    <title>DIV的同行测试</title>
                        </head>

                        <body>
                        <div>
                            <div style='flaot:left; 330px; height:200px;'>
                            <p>我是左边的固定测试文字</p>
                            </div>
                           <div style='flaot:left; 330px; height:200px;'>
                          <p>我是右边的固定测试文字</p>      
                            </div>
                </div>
                        </body>

            </html>
  • 相关阅读:
    LeetCode 368Largest Divisible Subset
    macbook 源码安装 redis6.2.6
    macbook 源码安装 nginx1.20.1
    MySQL总结
    DataWork之 MaxComputer的使用
    Spring的IOC源码分析
    Spring Bean的生命周期
    SpringMVC工作原理
    Spring全家桶(二)之SpringMVC总结
    (已经成功部署)配置vue+nginx+uwsgi luffy项目
  • 原文地址：https://www.cnblogs.com/jiangyi666/p/6023192.html
Copyright © 2011-2022 走看看