美文网首页
label 与 input 显示同一行

label 与 input 显示同一行

作者: LittleJessy | 来源:发表于2018-11-20 11:23 被阅读0次

    修改之前,label 与 input内容换行显示:


    image.png

    后来在label标签中添加:style="float:left",显示为同一行

                            <div class="form-group">
                                <label  for="project_type" style="float:left">项目类型:</label>
                                <input  type="text" class="show" name="project_type" readonly="readonly" style="border-style:none">
                            </div>
                            <div class="form-group">
                                <label for="project_desc" style="float:left">项目描述:</label>
                                <input  type="text" class="show" name="project_desc" readonly="readonly" style="border-style:none">
                            </div>
                            <div class="form-group">
                                <label for="demand_jira_url" style="float:left">需求地址:</label>
                                <input  type="text" class="show" name="demand_jira_url" readonly="readonly" style="border-style:none">
                            </div>
    
    image.png

    相关文章

      网友评论

          本文标题:label 与 input 显示同一行

          本文链接:https://www.haomeiwen.com/subject/ooptqqtx.html