display 显示与隐藏
让元素消失
display:none
让元素显示
display:其它样式
例子
- 绘制两个块
- 让第一个块display none
- 关注效果
关注一下源码
关注下隐藏的是否有位置
能见度 visibility
隐藏与显示
隐藏
visibility:hidden
显示
visibility:visible
什么是元素的显示与隐藏
显示与隐藏小结
溢出 overflow
垂直对齐
vertica
防止文本域拖拽
轮廓线
去除图片底侧空白
现象
在一个盒子中插入了图片后
图片与盒子实际上是有一个空隙的
例如
鼠标样式![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6bd77a8e390996911874df7339f2793a.png)
溢出文字省略号显示
white-space![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/66b7c57765c3a59cf9e8ce2c5eaef491.png)
使用 white-space 属性
使用 nowrap 强制一行