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>
  • 相关阅读:
    如何管理自己的文件夹
    Mybatis 笔记
    Try Catch Finally
    Java JDK安装小谈
    android 相关学习笔记
    nodejs 复制目录，调用cmd命令
    ajax图片上传，基于firefox
    一切皆命令
    javascript 之牛人感悟,必看学习
    jQuery中添加自定义或函数方法
  • 原文地址：https://www.cnblogs.com/jiangyi666/p/6023192.html
Copyright © 2011-2022 走看看