常用css属性汇总
鼠标移入样式
style="cursor:default" 默认
style="cursor:auto" 自动
style="cursor:hand" 手形(IE only)
style="cursor:pointer" 手形
style="cursor:crosshair" 十字形
style="cursor:text" 文本形
style="cursor:wait" 沙漏形
style="cursor:move" 十字箭头形
style="cursor:help" 问号形
style="cursor:e-resize" 右箭头形
style="cursor:n-resize" 上箭头形
style="cursor:nw-resize" 左上箭头形
style="cursor:w-resize" 左箭头形
style="cursor:s-resize" 下箭头形
style="cursor:se-resize" 右下箭头形
style="cursor:sw-resize" 左下箭头形
style="CURSOR: url(http://xxx/xxx.cur)" 自定义鼠标样式
超出文本显示省略号
word-break:break-all;//自动换行
display:-webkit-box;//必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
-webkit-line-clamp:2;//用于显示的行数
-webkit-box-orient:vertical;//必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
overflow:hidden;//用省略号“...”隐藏超出范围的文本 。
限制a标签内容长度,超出显示 ... (长度根据自己需求更改)
width: 222px;
display: block;
overflow: hidden;
word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;