Html 无法在面板内的“窗体内联”中对齐窗体组行
以下代码描述了我的一个网页中的面板:Html 无法在面板内的“窗体内联”中对齐窗体组行,html,css,twitter-bootstrap-3,alignment,Html,Css,Twitter Bootstrap 3,Alignment,以下代码描述了我的一个网页中的面板: <div class="row" id="tool_row"> <div class="panel panel-info" id="edit_toolbar" style="width:66%"> <div class="panel-heading"> <h1 class="panel-title"><b>Herramientas</b></h1> &l
<div class="row" id="tool_row">
<div class="panel panel-info" id="edit_toolbar" style="width:66%">
<div class="panel-heading">
<h1 class="panel-title"><b>Herramientas</b></h1>
</div>
<div class="panel-body">
<div class="form-inline" style="width:100%">
<button class="btn btn-primary" onclick="loadActForEdition(-1)">Nueva actividad</button>
<p style="margin-top:10px"><label class="control-label"> Opciones de Filtrado </label></p>
<label class="control-label"> Últimos </label> <input class="form-control" id="ndays" style="width:5%" onkeypress='getEnter(event,"fillTaskTable")'> <label class="control-label" style="margin-right:10px"> días </label>
<select data-placeholder="Filtrar por proyecto" class="chosen" id="proyect_box" onchange=fillTaskTable()></select>
<select data-placeholder="Filtrar por estado" class="chosen" id="status_box" onchange=fillTaskTable()> </select>
<div class="form-group pull-right">
<label class="control-label"> Número de resultados </label> <input class="form-control" id="nrows" style="width:15%" value=30 onkeypress='getEnter(event,"fillTaskTable")'>
</div>
</div> <!--form_inline-->
</div> <!--Panel body-->
</div> <!--del panel-->
赫拉米恩塔斯
新活动
过滤选项
Últimos días
Número de resultados
然而,它并没有像预期的那样工作,因为在窗体组和面板右侧之间有一个恼人的空间,我一直在试图消除这个空间,但我一直未能做到这一点
我想做的只是消除空白。我希望标签和文本框作为一个组在面板中右对齐
有人能告诉我我做错了什么吗?表单组在右边,但宽度更大,因此您无法分辨它是否在右边。将内部内容向右对齐或缩小
表单组的宽度
HTML
我看不到为表单组/向右拖动div提供的宽度。它可能大于其内容。将div的文本对齐设置为右侧应该可以做到这一点
干杯。做两个集装箱驾驶员,让他们左右拉动,giv文本向右向右拉动
<div class="form-group pull-right text-right" style="padding:0;margin:0;">
</div>
<div class="form-group pull-right text-right" style="padding:0;margin:0;">
</div>
下面是片段
请提供正确的代码!在php脚本中放置演示文本在某些情况下,php代码仅添加一个选择框和按钮。这与问题无关,因为无论按钮和选择框是否存在,都会出现空白。我已经消除了它。太好了!!成功了!!非常感谢你!
.newclass { text-align: right; }
<div class="form-group pull-right text-right" style="padding:0;margin:0;">
</div>
<div class="form-group pull-right text-right" style="padding:0;margin:0;">
</div>