Front-end knowledge of Notes 025 development projects involving Austrian

1. Have a sub-assembly is centered in the parent div div assembly

Renderings:

 

html code:

                < Div   class = "searchUser" > 
                            <-! <Span> querying user according to the user name information: </ span> -> 
                            <-! COL. 3-LG-control input of the pattern width of the box -> 
                            < div class = "COL-LG-SearchCenter. 3"  > 
                                < div class = "Group-INPUT" >

                                    <input type="text" class="form-control" placeholder="请输入待查询的用户名">
                                    <span class="input-group-btn">
                                        <button class="btn btn-primary" type="button">查询</button>
                                    </span>
                                </div><!-- /input-group -->
                            </div>
                        </div>

css styles control:

.searchuser{
    / * Set the width of 50px div * /
    height: 50px;
    width: 100%;
    margin: 0 auto;
    Padding / * Set the div is 20px * /


}

.searchcenter{

    margin-top: 15px;
    margin-left: 40%;
}