在网页的实际开发中，有时候需要给div标签元素添加一个滚动条（比如水平的或者垂直的滚动条），我们该怎么写css代码呢？
给div设置滚动条需要分成两步走：
一、设置步骤
1、设置div的高度以及宽度
如果不设置高度和宽度的话，内容多也不会出现滚动条，因为没有边界能让浏览器判断内容长度是否需要出现滚动条。
2024年10月20日
在网页的实际开发中，有时候需要给div标签元素添加一个滚动条（比如水平的或者垂直的滚动条），我们该怎么写css代码呢？
给div设置滚动条需要分成两步走：
1、设置div的高度以及宽度
如果不设置高度和宽度的话，内容多也不会出现滚动条，因为没有边界能让浏览器判断内容长度是否需要出现滚动条。
2024年10月20日
前端开发中，经常需要调试代码，所以各种调试工具及浏览器控制台的使用会对开发起到很大的作用。下面对目前很受喜欢的Chrome开发者工具进行介绍。Chrome开发者工具是一套内嵌到Chrome浏览器的Web开发工具和调试工具，只要安装了Chrome 浏览器，就可以使用。
在Chrome浏览器中,开发者工具的打开方式主要有以下几种。
·按“F12”键。
2024年10月20日
水平居中：给div设置一个宽度，然后添加margin:0 auto；属性。
div{
width:200px;
margin:0 auto;
}
绝对定位的div居中：
div {
position: absolute;
width: 300px;
height: 300px;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: pink; /* 方便看效果 */
}
2024年10月20日
之前在 《p5.js 光速入门》 里粗略讲过一下如何使用 p5.js 创建画布。
这次要介绍几个 p5.js 提供的画布相关的方法。
学习本文前你需要具备一点 p5.js 的知识，想了解的请查看 《p5.js 光速入门》。
2024年10月20日
在前端面试中，CSS相关的问题一般不会问的太多，但是有一个问题经常被选为面试题。那就是：div 水平垂直居中你有哪些办法？
这道题可以考察候选人对CSS布局方式的理解，而且非常贴近日常工作，比较适合作为面试题。今天我就帮大家梳理一下CSS实现div水平垂直居中的方法，建议收藏。
为了演示，首先创建两个嵌套的 div，然后设置一下大小和背景颜色这样比较容易看出效果。代码如下：
2024年10月20日
原理:根据CSS3 transform 属性，按比例缩放（scale(x,y)；$(window).width()是获取当前设备窗口的宽度.
js代码：
2024年10月20日
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
2024年10月20日
当内容超出div时,自动出现滚动条的条件:
1、内容必须在div中；
2、div要设置宽高；
3、overflow 设置 auto；备注：
1、overflow:auto;
当内容宽度超出div宽度，或者内容高度超出div宽度，或者同时超出，会自动出现水平、或者垂直、或者水平和垂直滚动条；
2、overflow-x:auto;
当内容宽度超出div宽度，自动出现水平滚动条；
3、overflow-y:auto;
当内容宽度超出div高度，自动出现垂直滚动条；
注意：
设置好后会自动换行；
white-space:nowrap; 这个会强制文字在同一行显示