文本css

.ellipsis(@w: auto) {
  width: @w;
  overflow: hidden;
  text-overflow: ellipsis;//溢出部分用...代替  ，clip超出的部分會被裁剪掉
  white-space: nowrap;//文本不會換行 ，pre相似pre標籤，會保留原來文本的空格和換行符
  word-wrap: normal;//只在容許的斷字點換行 ，break-word能夠在長單詞或者url中換行
}

.ellipsisLn(@line) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;//行數
}

.text_wrap() {
  word-wrap: break-word;
  word-break: break-all;//容許在單詞內換行
}

.hyphens() {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
//這個屬性只用於iOS (iPhone和iPad)。當你點擊一個連接或者經過Javascript定義的可點擊元素的時候，它就會出現一個半透明的灰色背景
.setTapColor(@c: rgba(0, 0, 0, 0)) {
  -webkit-tap-highlight-color: @c;
}
.noselect {
  -webkit-user-select: none;//不能選中
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}