為什麼IE10中的Flexbox呈現不可預測的寬度？
發佈於2025-02-26
瀏覽：940
ie10 flexbox conundrum：cross-browser enigma
一個經典的例子是一個形式佈局問題：}
.flexbox form input[type=submit] {
width: 31px;
}
[ 。 flex：auto 1;display: flex; flex-direction: row;`從理論上講，該佈局應呈現一個輸入type =“ cistib”，固定寬度為31px，而輸入類型=”，文字“無縫填充剩餘的空間。但是，在IE10中，輸入類型=“ text”固執地默認為263px的引起寬度。
問題的癥結在於IE10的部分實現flexbox規範。它支持該規範的中間版本，該版本缺乏某些功能。 Unfortunately, these missing capabilities prevent the layout from behaving as expected.
To address this issue, consider the siguientes approaches:
width: 31px;
Employ CSS Prefixing:
IE10 responds對於某些CSS前綴，例如-ms -flex。使用一個CSS polyfill：
回到以前的佈局方法：考慮採用傳統的佈局方法（例如，floats or tables）for IE10兼容性。 IE可能會引入更強大的Flexbox支持。在此之前，這些策略可以幫助您瀏覽IE10中的flexbox的跨瀏覽器。
最新教學
更多>
-
如何從PHP中的數組中提取隨機元素？從陣列中的隨機選擇，可以輕鬆從數組中獲取隨機項目。考慮以下數組：; 從此數組中檢索一個隨機項目，利用array_rand（ array_rand（）函數從數組返回一個隨機鍵。通過將$項目數組索引使用此鍵，我們可以從數組中訪問一個隨機元素。這種方法為選擇隨機項目提供了一種直接且可靠的方法。程式設計 發佈於2025-03-01 -
為什麼我的CSS背景圖像出現？故障排除：CSS背景圖像未出現 ，您的背景圖像儘管遵循教程說明，但您的背景圖像仍未加載。圖像和样式表位於相同的目錄中，但背景仍然是空白的白色帆布。 而不是不棄用的，您已經使用了CSS樣式： bockent {背景：封閉圖像文件名：背景圖：url（nickcage.jpg）; 如果您的html，cs...程式設計 發佈於2025-03-01
-
可以在純CS中將多個粘性元素彼此堆疊在一起嗎？[2这里： https：//webthemez.com/demo/sticky-multi-header-scroll/index.html </main> <section> { display：grid; grid-template-...程式設計 發佈於2025-03-01
-
如何修復\“常規錯誤：2006 MySQL Server在插入數據時已經消失\”？How to Resolve "General error: 2006 MySQL server has gone away" While Inserting RecordsIntroduction:Inserting data into a MySQL database can...程式設計 發佈於2025-03-01
-
如何使用替換指令在GO MOD中解析模塊路徑差異？在使用GO MOD時，在GO MOD 中克服模塊路徑差異時，可能會遇到衝突，其中3個Party Package將另一個PAXPANCE帶有導入式套件之間的另一個軟件包，並在導入式套件之間導入另一個軟件包。如迴聲消息所證明的那樣： go.etcd.io/bbolt [&&&&&&&&&&&&&&&&...程式設計 發佈於2025-03-01
-
-
如何克服PHP的功能重新定義限制？克服PHP的函數重新定義限制 但是，PHP工具腰帶中有一個隱藏的寶石：runkit擴展。它使您能夠靈活地重新定義函數。 runkit_function_renction_rename（） runkit_function_redefine（） //重新定義'this'以返回“新和...程式設計 發佈於2025-03-01
-
如何檢查對像是否具有Python中的特定屬性？方法來確定對象屬性存在尋求一種方法來驗證對像中特定屬性的存在。考慮以下示例，其中嘗試訪問不確定屬性會引起錯誤： >>> a = someClass（） >>> A.property Trackback（最近的最新電話）： 文件“ ”，第1行， AttributeError: SomeClass...程式設計 發佈於2025-03-01
-
Java是否允許多種返回類型：仔細研究通用方法？在Java中的多個返回類型：一種誤解類型：在Java編程中揭示，在Java編程中，Peculiar方法簽名可能會出現，可能會出現，使開發人員陷入困境，使開發人員陷入困境。 getResult（string s）; ，其中foo是自定義類。該方法聲明似乎擁有兩種返回類型：列表和E。但這確實是如此嗎...程式設計 發佈於2025-03-01
-
如何使用Regex在PHP中有效地提取括號內的文本php：在括號內提取文本在處理括號內的文本時，找到最有效的解決方案是必不可少的。一種方法是利用PHP的字符串操作函數，如下所示： 作為替代 $ text ='忽略除此之外的一切（text）'; preg_match（'＃（（。 &&& [Regex使用模式來搜索特...程式設計 發佈於2025-03-01
-
如何從Python中的字符串中刪除表情符號：固定常見錯誤的初學者指南？從python import codecs import codecs import codecs 導入 text = codecs.decode（'這狗\ u0001f602'.encode（'utf-8'），'utf-8'） 印刷（文字）＃帶有...程式設計 發佈於2025-03-01
-
我可以將加密從McRypt遷移到OpenSSL，並使用OpenSSL遷移MCRYPT加密數據？將我的加密庫從mcrypt升級到openssl 問題：是否可以將我的加密庫從McRypt升級到OpenSSL？如果是這樣，如何？ 答案：是的，可以將您的Encryption庫從McRypt升級到OpenSSL。 可以使用openssl。 附加說明： [openssl_decrypt（）函數要求...程式設計 發佈於2025-03-01
-
為什麼使用Firefox後退按鈕時JavaScript執行停止？導航歷史記錄問題：JavaScript使用Firefox Back Back 此行為是由瀏覽器緩存JavaScript資源引起的。要解決此問題並確保在後續頁面訪問中執行腳本，Firefox用戶應設置一個空功能。 警報'）; }; alert（'inline Alert'）...程式設計 發佈於2025-03-01
-
如何使用組在MySQL中旋轉數據？在關係數據庫中使用mySQL組使用mySQL組進行查詢結果，在關係數據庫中使用MySQL組，轉移數據的數據是指重新排列的行和列的重排以增強數據可視化。在這裡，我們面對一個共同的挑戰：使用組的組將數據從基於行的基於列的轉換為基於列。 Let's consider the following ...程式設計 發佈於2025-03-01
-
\“（1）vs.（;;）：編譯器優化是否消除了性能差異？\”答案： 在大多數現代編譯器中，while（1）和（1）和（;;）之間沒有性能差異。編譯器： perl： 1 輸入 - > 2 2 NextState（Main 2 -E：1）V-> 3 9 Leaveloop VK/2-> A 3 toterloop（next-> 8 last-> 9 ...程式設計 發佈於2025-03-01
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
