select因爲選中而造成的樣式上下浮動

爲了說明問題，我也找不到合適的錄屏工具，然後就用最笨的方法用手機拍出來的，不過這樣也直觀些吧

先看下原來的效果，有沒有看到上下浮動？

出現這種情況，肯定很無語啊，然後就找度娘，還真找到了解決辦法

     <div style="float: left;padding-top: 20px;">
           <el-select v-model="city" placeholder="請選擇"  @focus="initHome" value="1" style="width:100px;padding-left: 20px;vertical-align: top;">
                <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
            <el-select v-model="country" placeholder="請選擇" @change="changeFunc" style="width: 120px;padding-left: 20px;vertical-align: top;">
                <el-option key="" label="請選擇" value=""></el-option>
                <el-option
                        v-for="item in countries"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
            <el-select v-model="village" placeholder="請選擇污水處理站" @change="changeVillage" style="width: 200px;padding-left: 20px;vertical-align: top;">
                <el-option key="" label="請選擇" value=""></el-option>
                <el-option
                        v-for="item in villageList"
                        :key="item.Code"
                        :label="item.Name + '污水處理站'"
                        :value="item.Code">
                </el-option>
            </el-select>
        </div>

祕訣就在這裏，加了vertical-align: top;屬性