文本css

2019独角兽企业重金招聘Python工程师标准>>>

.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;
}

转载于:https://my.oschina.net/u/3407699/blog/1801882