輸入大小與寬度：哪一個最適合跨瀏覽器相容性？
發佈於2024-11-12
瀏覽：660
輸入大小與寬度
指定輸入欄位的大小時，您有兩個選項：使用size 屬性或寬度 CSS 屬性。但哪一個是最好的跨瀏覽器程式碼？
答案是：兩者都可以使用。 CSS 樣式將覆蓋支援 CSS 的瀏覽器中的大小屬性，並使欄位具有正確的寬度，對於不支援 CSS 的瀏覽器，它將回退到指定的字元數。
編輯: 我應該提到 size 屬性不是精確的大小調整方法：根據 HTML 規範，它 應該 指的是輸入將能夠的當前字體的字元數到
但是，除非指定的字體是固定寬度/等寬字體，否則這是而不是保證指定數量的字元實際上是可見的；在大多數字體中，不同的字元會有不同的寬度。這個問題有一些與此問題相關的很好的答案。
下面的程式碼片段示範了這兩種方法。
最新教學
更多>
-
document.getElementById 和 jQuery $() 有什麼差別？document.getElementById 和jQuery $() 之間的區別提供的程式碼片段使用兩種不同的方法來擷取具有ID的元素“內容”。然而，這些方法之間存在細微的差別。 document.getElementById此方法傳回一個 DOM（文件物件模型） 元素，這是 HTML 元素的本機...程式設計 發佈於2024-11-17 -
如何使用 Sigaction 函式在 C++ 中優雅地處理 Ctrl-C 中斷？Intercepting Ctrl-C Events in C 捕捉Ctrl-C 事件是編程中的必要任務，尤其是在您希望對意外中斷做出優雅回應的情況下。 使用 Sigaction在 C 中，使用 sigaction 函數來處理訊號更可靠。其文法如下：int sigaction(int signum,...程式設計 發佈於2024-11-17
-
在 Go 中使用 WebSocket 進行即時通信构建需要实时更新的应用程序（例如聊天应用程序、实时通知或协作工具）需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方！今天，我们将探讨如何在 Go 中使用 WebSocket，以便您可以向应用程序添加实时功能。 在这篇文章中，我们将介绍： WebSoc...程式設計 發佈於2024-11-17
-
Bootstrap 4 Beta 中的列偏移發生了什麼事？Bootstrap 4 Beta：列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而，隨著 Beta 2 的後續發布，這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...程式設計 發佈於2024-11-17
-
為什麼 Go 的型別切換不允許 Fallthrough？類型切換的失敗：深入解釋Go 中的類型切換允許根據具體類型有效地處理值。然而，與標準 switch-case 語句不同的是，在類型 switch 中明確不允許fallthrough。這種設計選擇引發了對其基本原則的質疑。 理解原因Go 規範規定型開關中不允許「fallthrough」。這種禁止源自於...程式設計 發佈於2024-11-17
-
如何解決在 MySQL 中將 @GenerateValue GenerationType.TABLE 與多態抽象超類別一起使用時出現「'where 子句'中的未知列 'sequence_name'」錯誤？@GeneratedValue MySQL 上的多態抽象超類別@GeneratedValue MySQL 上的多態抽象超類別在使用Hibernate 和MySQL 的Spring MVC 應用程式中，我們發現嘗試持久化抽象化抽象BaseEntity 的超類BaseEntity子類，遇到「表'...程式設計 發佈於2024-11-17
-
如何在 PHP 中組合兩個關聯數組，同時保留唯一 ID 並處理重複名稱？在 PHP 中組合關聯數組在 PHP 中，將兩個關聯數組組合成一個數組是常見任務。考慮以下請求：問題描述：提供的代碼定義了兩個關聯數組，$array1 和 $array2。目標是建立一個新陣列 $array3，它合併兩個陣列中的所有鍵值對。 此外，提供的陣列具有唯一的 ID，而名稱可能重疊。要求是建...程式設計 發佈於2024-11-17
-
如何在 Go 中存取 HTML 模板中的嵌套結構欄位？如何在Go 中存取HTML 模板中的映射元素的結構字段本文解決了使用html/ 從HTML 模板中的映射元素檢索結構字段的問題Go 中的模板包。 考慮以下 Task 結構體：type Task struct { Cmd string Args []string Desc strin...程式設計 發佈於2024-11-17
-
如何動態載入 JavaScript 檔案並處理其載入事件？動態載入 JavaScript 檔案動態 JavaScript 檔案載入在模組化和優化 Web 應用程式中起著至關重要的作用。 Prototype 和 jQuery 等主流 JavaScript 程式庫利用此技術來擴展其功能並提高效能。 動態載入JavaScript 檔案動態載入JavaScript...程式設計 發佈於2024-11-17
-
Tkinter：Python 打造出令人驚嘆的 GUI 的秘密武器你的 Python 脚本感觉有点……简单吗？您是否发现自己渴望找到一种方法，使您的代码不仅具有功能性，而且在视觉上也有吸引力？如果您曾经梦想通过时尚的交互式界面将您的 Python 项目变为现实，那么是时候来认识一下 Tkinter - Python 桌面应用程序开发的无名英雄。 Tkinter 不...程式設計 發佈於2024-11-17
-
為什麼 Go 中 rune 是 int32 的別名而不是 uint32？為什麼 rune 是 Go 中 int32 的別名，而不是 uint32？ 儘管 rune 類型的主要目的是表示字元值，但 rune 類型Go 中沒有定義為 uint32 的別名。相反，它是 int32 的別名。鑑於字元通常由正值表示，此選擇似乎違反直覺。 此決定背後的基本原理源於符文作為 Unic...程式設計 發佈於2024-11-17
-
如何用 PHP 安全地實現會員專用頁面登入系統？PHP：使用登入系統保護會員專用頁面提供的代碼面臨的挑戰提供的PHP 代碼遇到了幾個阻礙其實現的問題功能：檢索查詢結果：而不是使用$data1 = $conn->query($sql1);，正確的做法是使用$data = mysqli_fetch_array( $conn->query($sql1)...程式設計 發佈於2024-11-17
-
如何在 CSS 類別名稱中使用轉義百分號來建立動態佈局元素？CSS中.container.\31 25\25是什麼意思？ 反斜線字元()用於轉義特殊字元CSS，例如百分號 (%)$。這允許使用原本無效的標識符，例如包含某些標點符號的標識符。 在提供的範例中，反斜線用於轉義類別名稱 .container 中的百分號。 \ 31 25\25。這導致類別名稱等同於...程式設計 發佈於2024-11-17
-
如何使用標記有效地拆分 C++ 字串？使用標記有效拆分C 字串要根據指定標記將C std::string 拆分為子字串，有多種方法可供選擇可考慮。最有效的解決方案取決於您的應用程式的特定要求。 在您的情況下，字串由 ; 分隔。字符，並且 C 字串函數和 Boost 的使用受到限制，您可以使用 std::getline() 函數。此函數允...程式設計 發佈於2024-11-17
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
