常用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;//用省略号“...”隐藏超出范围的文本 。

猜你喜欢

转载自www.cnblogs.com/dingwenshuang/p/9200517.html