『總結』CSS/CSS3經常使用樣式與web移動端資源

css/css3經常使用樣式

強制文本顯示

單行顯示語法：white-space:nowrap;
讓一段文字在固定寬度在一行顯示，最後一個字符爲省略標記(...)，css樣式以下

div{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

多行文本最後省略號：

div{
  display: -webkit-box; 
  -webkit-line-clamp:2;
  overflow: hidden; 
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

這裏用到了文本溢出顯示省略號的，即設置溢出文本顯示爲省略標記：

語法：text-overflow:text-overflow:clip | ellipsis | ellipsis-word（css3新增長的）;

1. clip：表示直接裁切溢出的文本；

2. ellipsis：表示文本溢出時，顯示省略標記(...)，省略標記代替最後一個字符；

3. ellipsis-word：表示文本溢出時，也是顯示省略標記(...),不一樣的是，省略標記代替的是最後一個詞)

陸續添加用到的內容...