display显示与隐藏
隐藏:display: none;
显示:display:block;
特性:隐藏之后,不再保留位置(后者可以占据其位置)
visibility
visibility:visible;对象可见
visibility:hidden;对象隐藏
overflow英藏
overflow默认是visible,是没有隐藏的。
通过overflow:hidden隐藏超出的部分
总结
display:后面使用较多,可以下拉菜单。而且是不保留位置的
visibility:保留位置,使用较少
overflow:隐藏超出大小的部分,可以清除float。
鼠标样式
我们可以通过cursor来更改鼠标样式;
其中move指的是:
取消轮廓线:outline:none;
取消文本域拖拽:resize:none;
文字和图片垂直居中对齐:vertical-align:middle;
让盒子文字不溢出三部曲:
- 先强制一行内显示文本:white-space:nowrap;
- 超出部分隐藏:overflow:hidden;
- 文字超出部分用省略号代替超出部分text-overflow:elli psis;
来源:CSDN
作者:东巴sama
链接:https://blog.csdn.net/qq_42376204/article/details/104667966