display : none隐藏对象不在保留位置
visibility设置或检索是否显示对象隐藏之后,继续保留原有位置
visible : 对象可视
hidden : 对象隐藏
overflow 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容
visible : 不剪切内容也不添加滚动条。
auto : 超出自动显示滚动条,不超出不显示滚动条
hidden : 不显示超过对象尺寸的内容,超出的部分隐藏掉
scroll : 不管超出内容否,总是显示滚动条
opacity 可以改变元素的透明度
鼠标样式
cursor : default 小白 | pointer 小手 | move 移动 | text 文本
resize:none 防止拖拽文本域
vertical-align:middle 垂直对齐
去除图片底部的空白间隙
1.修改父级元素字体尺寸font-size:0.
2.给img 添加 display:block; 转换为块元素
溢出文字的隐藏
word-break:break-all(一般用于在单词换行)
white-space:nowrap(强制在同一行显示所有文本)
text-overflow:ellipsis(文本溢出省略号)
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;(多行文本衣橱省略号)