常用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;

  

 

posted @ 2018-06-19 18:13  丁文爽  阅读(205)  评论(0编辑  收藏  举报