el table在IE中寬度顯示異常

2022-03-07 02:31:21 字數 310 閱讀 6736

專案中動態生成多個**,使用的是el-table元件,在ie中頁面渲染慢的時候,**會錯位,寬度不正常,想通過ref屬性獲取**節點呼叫一下dolayout方法,然後令人失望的是根本拿不到ref的值,網上說動態建立的ref無法獲取到,唯一的路被斷了,只能直接改樣式,之所以我一開始沒有改樣式,是因為vue專案編譯的時候一萬個包。在ie中只要開啟控制台就卡死,需要等待除錯ie相容真是個痛苦的歷程,沒點耐心,可能就失業了。

新增如下樣式

/deep/ .el-table__header, /deep/ .el-table__body

問題解決

button按鈕在IE中的寬度

button 在ie中的預設顯示與其他瀏覽器大相徑庭,button的label越長,button的寬度就成比例的放大,padding的設定完全失效。用ie開啟本頁看看下面這個button,基本上是場災難 在ie中,button的預設overflow是clip 奇怪的引數 在這種情況下width au...

IE和firefox中的寬度顯示差異

web開發中,在做瀏覽器相容性測試時常常發現ie和ff chrome的寬度不同,在ie中正常的寬度到了ff或chrome中就變寬撐大了,介面就變得很奇怪。因為介面相對屬於小問題就一直沒有仔細研究,稍微改改看上去差得不多就算了。今天終於查了一下原因,頓悟 ff是按w3c的標準執行,標準css中所指的w...

在IE下如何讓超出寬度的文字顯示為省略號

text overflow ellipsis width px overflow hidden white space nowrap 解釋 1.text overflow clip ellipsis 預設值為clip。不顯示省略號標記,只是簡單的裁剪 ellipsis 當物件內文字溢位時顯示省略號 ...