如何检查CSS类选择器的宽度属性?一个例子是.label{}
P粉186904731
P粉186904731 2024-04-01 17:45:11
0
1
340

这是我对 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学习者快速成长!