如何檢查CSS類別選擇器的寬度屬性?一個例子是.label{}
P粉186904731
P粉186904731 2024-04-01 17:45:11
0
1
341

這是我對 css 程式碼的評論,其中我為 .label 選擇了 270 的寬度:

如果您使用瀏覽器的開發人員工具檢查 .label 元素,您可能會注意到它實際上是 288 像素寬,而不是 270 像素。這是因為,預設情況下,瀏覽器在確定元素大小時會包含邊框和填充。 < /p>

這是我的 CSS 程式碼:

.label {
  border: 2px solid black;
  width: 270px;
  margin: 20px auto;
  padding: 0 7px;

如何在瀏覽器中檢查以確認此處引用的 288px?

P粉186904731
P粉186904731

全部回覆(1)
P粉595605759

在「檢查」標籤(螢幕截圖中的 Chrome)中,您應該可以看到計算出的尺寸,其中顯示了聚合寬度,包括內邊距、邊框和邊距。

在您的情況下,它是 270px (7px 7px) (2px 2px) 0px

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!