我的 ASP.NET 核心 MVC 專案中有一個<label>元素，它拆分為多行而不是顯示在單行中。我檢查了 google chrome 中的元素以查看正在應用的 css。它是從我的 custom.css 類中獲取的。下面是我的 custom.css 檔案。
body {
padding: 1em;
font-family: Arial, Arial, Helvetica, sans-serif;
}
h1{
margin-top:0;
color: navy;
}
label{
display: inline-block;
width = 50em;
padding-right: 1em;
}
div{
margin-bottom: 0.5em;
column-width = 300px;
}
檢查元素中的 css 如下所示。
我已經嘗試更新代碼中的 custom.css 檔案，但它仍然以某種方式為 css 選擇相同的值。嘗試清理和重建代碼。還是不行。但是，當我在檢查元素中取消選擇寬度屬性（如下所示）時，它會按預期顯示。我正在width從 custom.css 檔案中洗掉該屬性，但它仍在運行期間出現。
我無法解釋為什么會發生這種情況以及如何在一行中獲取標簽。嘗試在代碼中更新 custom.css 檔案，但更改根本沒有反映。為什么會發生這種情況以及如何解決它。如果您對整個代碼源代碼感興趣
uj5u.com熱心網友回復：
您的源代碼鏈接不起作用，因此僅查看您的螢屏截圖我建議進行以下更改，看看它是否對您有幫助。
由于您使用的是標簽而不是類，因此其他類或 id 選擇器可能會應用于您的標簽寬度，按以下順序應用（或減少）CSS 選擇器特異性，
- ID
- 班級
- 標簽
但不要為此目的使用 ID，因為將來很難覆寫它們，請改用類。
現在只需將標簽的寬度設定為 100%，這樣它將占用可用寬度的全部空間，并添加 !important 以使其成為可以覆寫任何行內樣式或其他覆寫類樣式的高優先級原點。
label {
display: inline-block;
width = 100% !important;
padding-right: 1em;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/443827.html
標籤：html css asp.net-mvc asp.net 核心
上一篇：使用httpClient獲取對github存盤庫的請求？
下一篇：用點處理屬性的函式