根据F12在页面中调整div的大小

我们先随便写一个div大小，然后在chrome浏览器打开，显示效果：

#logo{border: 1px solid black;width: 1300px;height: 50px;}
.top{border: blue solid 1px;width: 420px;height: 50px;float: left;}

<div id="logo"><div class="top"></div><div class="top"></div><div class="top"></div></div>

可以看到，框设置小了，这个时候我们按下F12，点一下小箭头，选择我们要调试的组件

在右边会出现框是怎么设置的，

然后我们点width,按上下键，调整框大小，调成我们想要的即可，再在源代码改一下大小就可以实现了

根据F12在页面中调整div的大小相关推荐

excel柱状图粗细怎么调_Excel2016中调整图表的大小和位置的方法
在Excel2016中建立图表后,用户经常会根据需要调整图表的大小,移动图表到合适的位置上.本文图文详解Excel2016中调整图表的大小和位置的方法. 一.调图表大小方法一:选中图表,将光标定位到 ...
将html页面中部分div 导出为word ，纯前端处理，解决word导出视图问题
1.加入两个外部js FileSaver.js /* FileSaver.js* A saveAs() FileSaver implementation.* 1.3.2* 2016-06-16 18: ...
用html设置页面中有的多张图片大小,页面加载性能之使用正确的图片尺寸
我们总是会忘记缩小图片尺寸,直接应用到项目中.这种图片看上去很正常,但实际上既浪费了用户的流量,也影响了页面性能. 找出不正确尺寸的图片 Lighthouse是首选,执行一下Performance A ...
html 页面div设置下拉条,如何让页面中的div出现滚动条？
页面上的四个div设置了绝对定位,如何让这四个div出现滚动条??超出页面的部分可以滚动? 拖动div *{ margin: 0px; padding: 0px; } /*拖曳*/ .drag{pos ...
matlab legend 太大,[转载]MATLAB中调整legend的大小位置
MATLAB中plot命令绘图微调的几个注记 1.MATLAB如何从硬盘读取文件. 2.如何微调subplot子图的位置. 3.plot命令绘曲线时,曲线上的标志如何调整大小. 4.坐标轴的调整. 6 ...
matlab调整legend大小,[转载]【matlab】MATLAB中调整legend的大小位置
1.MATLAB如何从硬盘读取文件. 2.如何微调subplot子图的位置. 3.plot命令绘曲线时,曲线上的标志如何调整大小. 4.坐标轴的调整. 6.坐标标题中如何标上标. 7.如何调整图示(l ...
java eclipse字体大小设置_「eclipse字体大小设置」Eclipse中调整字体的大小 - seo实验室...
eclipse字体大小设置 1.点击window,然后选择preferences,进入下面的界面.在输入框中输入font,然后选择colors and fonts ,再选择basic: 2.在basi ...
java image 设置大小_如何在Java中调整BufferedImage的大小
单步缩放的主要问题是它们通常不会产生高质量的输出,因为它们专注于将原始图像压缩到更小的空间中,通常通过剔除大量像素信息(不同的算法完成不同的事情,所以我归纳有效) 威尔drawGraphics规模上下 ...
WEB网页设计中的DIV+CSS入门(转自：中国站长在线网)
CSS是Cascading Style Sheets(层叠样式表)的缩写.是一种对web文档添加样式的简单机制,属于表现层的布局语言. 一.基本语法规范分析一个典型CSS的语句: p {COLOR: ...

根据F12在页面中调整div的大小

根据F12在页面中调整div的大小相关推荐

最新文章

热门文章