关于CSS的技巧

display显示与隐藏

隐藏:display: none;
显示:display:block;
特性:隐藏之后,不再保留位置(后者可以占据其位置)
关于CSS的技巧

visibility

visibility:visible;对象可见
visibility:hidden;对象隐藏
关于CSS的技巧

overflow英藏

overflow默认是visible,是没有隐藏的。
通过overflow:hidden隐藏超出的部分

总结

display:后面使用较多,可以下拉菜单。而且是不保留位置的
visibility:保留位置,使用较少
overflow:隐藏超出大小的部分,可以清除float。
关于CSS的技巧

鼠标样式

我们可以通过cursor来更改鼠标样式;
关于CSS的技巧
其中move指的是:

关于CSS的技巧

取消轮廓线:outline:none;
取消文本域拖拽:resize:none;

文字和图片垂直居中对齐:vertical-align:middle;
关于CSS的技巧

让盒子文字不溢出三部曲:

  1. 先强制一行内显示文本:white-space:nowrap;
  2. 超出部分隐藏:overflow:hidden;
  3. 文字超出部分用省略号代替超出部分text-overflow:elli psis;
    关于CSS的技巧

相关文章:

  • 2021-05-18
  • 2021-10-14
  • 2021-06-22
  • 2021-09-28
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-23
  • 2022-12-23
  • 2021-12-05
  • 2021-10-18
  • 2021-05-23
相关资源
相似解决方案