label 与 input 显示同一行

2018-11-20  本文已影响0人  LittleJessy

修改之前,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
上一篇下一篇

猜你喜欢

热点阅读