Html 输入表单中跨度大小的固定长度

Html 输入表单中跨度大小的固定长度,html,css,forms,input,Html,Css,Forms,Input,我有一个带有一些输入标记的表单,每个表单都有一个输入标记(我使用的是bootstrap)。我想将span与background coloro一起使用,但我对它的大小有一个问题,因为它取决于文本长度(最好的方法是使用awesome,但我不认为图标对我的目的有用)。 有没有办法确定div灰色部分的宽度?我尝试了宽度,就像图片一样,但它可以调整所有输入字段的大小。谢谢 车队投入 美联社 立方厘米 惠普 欧盟 Et Tr Ts 注 输入组插件的Css .input group addon{colo

我有一个带有一些输入标记的表单,每个表单都有一个输入标记(我使用的是bootstrap)。我想将span与background coloro一起使用,但我对它的大小有一个问题,因为它取决于文本长度(最好的方法是使用awesome,但我不认为图标对我的目的有用)。 有没有办法确定div灰色部分的宽度?我尝试了宽度,就像图片一样,但它可以调整所有输入字段的大小。谢谢


车队投入
美联社
立方厘米
惠普
欧盟
Et
Tr
Ts
注
输入组插件的Css
.input group addon{color:#3c763d;背景色:#dff0d8;边框颜色:#3c763d}

可以用于div灰色部分的固定宽度

可以用于div灰色部分的固定宽度
1.   @    
2.也可以使用另一个div
3.也可以使用

对于图标,您可以使用Class=“fa fa edit”或Class=“glyphicon glyphicon pencil”
请添加您的HTML和CSS代码。我添加了HTML,我认为最好使用图像
<div class="row">
<!-- Fleet fields -->
<div class="col-xs-6">
    <div class="panel panel-default">
        <div class="panel-heading">
            <i class="fa fa-car fa-fw"></i> Fleet inputs
        </div>
        <!-- /.panel-heading -->
        <div class="panel-body">
            <form role="form">
                <div class="form-group input-group">
                    <span class="input-group-addon">Ap</span> <input type="text"
                        class="form-control" placeholder="Application">
                </div>
                <div class="form-group input-group">
                    <input type="text" class="form-control" placeholder="Cubic">
                    <span class="input-group-addon">cm<sup>3</sup></span>
                </div>
                <div class="form-group input-group">
                    <input type="number" class="form-control" placeholder="Power">
                    <span class="input-group-addon">H P</span>
                </div>
                <div class="form-group input-group">
                    <span class="input-group-addon">Eu</span> <input type="text"
                        class="form-control" placeholder="Euro class"> 
                </div>
                <div class="form-group input-group">
                    <span class="input-group-addon">Et</span> <input type="text"
                        class="form-control" placeholder="Engine type">
                </div>
                <div class="form-group input-group">
                    <span class="input-group-addon">Tr</span> <input type="text"
                        class="form-control" placeholder="Traction">
                </div>
                <div class="form-group input-group">
                    <span class="input-group-addon">Ts</span> <input type="text"
                        class="form-control" placeholder="Transmission">
                </div>
                <div class="form-group">
                    <label>Note</label>
                    <textarea class="form-control" rows="2" maxlength="100"></textarea>
                </div>

            </form>
        </div>
        <!-- /.panel-body -->
    </div>
</div>