服务时间:8:30-18:00

首页 >web前端网

查看元素的盒模型

发布时间:2022-11-28 15:27 字数:130字 阅读:138

查看元素的盒模型,使用Chrome浏览器,在页面上按【F12】键,打开开发者模式。

选中元素,单击【Elements】一栏,就可以在右侧的【Styles】栏底部或【Computed】中查看选中元素的盒模型,如图1所示。

开发者模式下查看元素的盒模型

图1 开发者模式下查看元素的盒模型