display属性
- none 元素隐藏且不占位置设置属性后将元素进行隐藏
- block 此元素会被显示为块元素将内联元素(行内元素)转化为块元素
- inline 此元素会被显示为内联元素将块元素转化为行内 内联元素
<p class="pbox" style="display:block">
葫芦娃 葫芦娃 一根藤上七朵花 小小树藤是我家 啦啦啦啦 叮当当咚咚当当 浇不大 叮当当咚咚当当 是我家 啦啦啦啦
</p>
overflow的设置项:元素溢出
1、visible 默认值。内容不会被修剪,会呈现在元素框之外。
2、hidden 内容会被修剪,并且其余内容是不可见的。
3、scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
4、auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
CSS部分:
<style>
div {
width:100px;
height:100px;
overflow: auto;
}
</style>
HTML部分:
<div>
格叽格叽~
<br><br>
格叽格叽~~
<br><br>
格叽~格叽~~
<br><br>
</div>