0
点赞
收藏
分享

微信扫一扫

行内(块)垂直对齐方式&光标&边框圆角&overflow&元素隐藏

梦幻之云 2022-01-23 阅读 62

行内(块)垂直对齐方式vertical-align

首先是基线含义

常见属性值

默认值,基线对齐:baseline

顶部对齐:top

中部对齐:middle

底部对齐:bottom

光标类型cursor

常见属性值

默认值,大部分情况是箭头:default

小手效果:pointer

工字形:text

十字光标:move

边框圆角border-radius

介绍:使盒子四个角变得圆润,若有多个值时(最多不可超过四个),从左上角开始依次赋值,若不足四个值时,则未赋值处的值为其对角的值(如下图)

常见取值:数字+px,百分比

overflow

溢出部分可见(默认值):visible

溢出部分隐藏:hidden,效果如图

 无论溢出与否都显示滚动条:scroll

根据内容显示或隐藏滚动条(常用):auto

元素隐藏

常与:hover配合使用

常见属性:

visibility: hidden:隐藏元素本身但在网页中占位置

display: none:隐藏元素本身但不在网页中占位置(即脱标)

但是实际过程常用 display: none 来隐藏,display: block来显示

举报

相关推荐

0 条评论