ie下element部分表單元素高度異常的問題

2021-10-20 20:41:27 字數 408 閱讀 5345

情景:vue2.x+element的pc端網頁後台管理系統,上游系統是公司的oa,很多是ie使用者,頁面由oa的鏈結跳轉過來,所以需要相容ie。頁面中有大量的表單,布局方式為一行兩列,由於部分表單元素高度會多出來一點兒,會出現布局問題(其他瀏覽器不會,ie的高版本會)。

仔細檢查樣式發現,el-select的高度為50px(正常的),但是其直接父級.el-form-item__content的高度就是50.8px。select和父級本身都沒有樣式語句導致這個現象。至於是為什麼,我也還一頭霧水。不過多次嘗試後發現了以下解決辦法:

給el-form-item__content加上display:flex;

正常了。

HTML 表單元素(下)

其他元素 輸入驗證 元素名稱 說明select 生成乙個下拉列表進行選擇 optgroup 對select元素進行編組 option select元素中的專案 textarea 生成乙個多行文字框 output 表示計算結果 name fruit01 value 1 蘋果option value 2...

針對layui部分表單元素載入不出的情況

layui的部分表單是需要進行渲染,頁面中才會顯示的。1.解決html表單元素載入不出的情況 需要在表單的父元素中加入class layui form 如下 是否推薦 是否熱門 是否關注 需要在js中加入以下 來進行渲染 layui.use form function 2.解決動態生成的部分表單元素...

前端基礎(2) 部分表單元素與CSS基礎

表單域 包含了處理表單資料所用的程式的url以及資料提交到伺服器的方法。表單控制項 物件 元素 包含了文字框 密碼框 隱藏 多行文字框 文字域 核取方塊 單選框 下拉列表 檔案上傳框 提交按鈕 復位按鈕 一般按鈕。提示資訊 同乙個表中還應該新增一些說明性文字,提示使用者填寫操作。1 表單域 2 文字...