0
点赞
收藏
分享

微信扫一扫

css中常用技巧进阶

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>


举报

相关推荐

0 条评论