Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html中的空格_Html_Css - Fatal编程技术网

html中的空格

html中的空格,html,css,Html,Css,我有这个样本输出。我不能削减中间的空白,保留中间的空白。有办法吗 以下是我的html代码: <center> <div class="container"> <div class="panel panel-danger"> <div class="panel-body"> <div class="input-group col-xs-4">

我有这个样本输出。我不能削减中间的空白,保留中间的空白。有办法吗

以下是我的html代码:

    <center>
    <div class="container">
        <div class="panel panel-danger">
            <div class="panel-body">
                <div class="input-group col-xs-4">
                    <label for="usr">Bus Name:</label>
                    <input type="text" class="form-control" name="busName" required="required">
                </div>  

                <div class="input-group col-xs-4">
                     <label for="usr">Plate Number:</label>
                     <input type="text" class="form-control" name="plateNo" required="required" maxlength="6">
                </div>

                <div class="input-group col-xs-4">
                      <label for="usr">Driver Assigned:</label>
                      <input type="text" class="form-control" name="driverAssigned" required="required">
                </div>

                <div><p></div>
                <div class="btn-group" role="group" aria-label="...">
                      <button type="submit" class="btn btn-primary" value="Submit">Submit</button>
                </div>
            </div>
        </div>
    </div>
</form>
</center>

提前感谢。

通过添加
宽度:自动最有可能解决您的问题。您可能需要添加一些填充以在窗体周围留出空间

div.container {
    width: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

小提琴:

通过添加
宽度:自动最有可能解决您的问题。您可能需要添加一些填充以在窗体周围留出空间

div.container {
    width: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

小提琴:嗨,你的问题不清楚。你是说实际的空白字符吗?您指的是从用户输入中删除空白,还是布局问题?哪些空白?(行号和字符号会很完美)我指的是布局。很抱歉。那么您想让白色框紧紧围绕其内容吗?
已被弃用,不应再使用。您好,您的问题不清楚。你是说实际的空白字符吗?您指的是从用户输入中删除空白,还是布局问题?哪些空白?(行号和字符号会很完美)我指的是布局。很抱歉。那么你想让白框紧紧围绕它的内容吗?
已被弃用,不应再使用。这听起来应该可以工作了-显然还有其他CSS在工作,因为绝对位置的元素自动具有未设置的宽度。谢谢它工作了@DebRaj@MatthewLymer你是对的。看起来他有一些宽度为100%的css
应用于
div.container
@Dex很高兴它对您有用!这听起来应该是可行的——显然还有其他一些CSS在起作用,因为绝对定位元素自动具有未设置的宽度。谢谢它起作用了@DebRaj@MatthewLymer你是对的。看起来他有一些宽度为100%的css
应用于
div.container
@Dex很高兴它对您有用!