text-overflow: clip | ellipsis
作用:文字溢位簡單的裁切
text-overflow: clip 表示不顯示省略標記（...），只是簡單的裁切，需要配合overflow:hidden和height才能生效，使用text-overflow: clip能做到的事情，單獨使用overflow:hidden也可以做到，因此在開發中沒有實際的意義，所以不做重點的講解
text-overflow: ellipsis（現在火狐也支援了）
物件文字溢位時將顯示省略標記（...），需要配合over-flow:hidden;white-space:nowrap使用才能生效
text-overflow: ellipsis;/只是起到註解作用/
white-space: nowrap;/不讓文字換行/
overflow: hidden;/超出的部分顯示.../
多行文字溢位顯示點點：（適合webkit瀏覽器或移動端頁面）
在webkit瀏覽器或移動端（絕大部分是webkit核心的瀏覽器）的頁面實現比較簡單，可以直接使用webkit的css擴充套件屬性(webkit是私有屬性)-webkit-line-clamp ；注意：這是乙個不規範的屬性（unsupported webkit property），它沒有出現在 css規範草案中。
-webkit-line-clamp用來限制在乙個塊元素顯示的文字的行數。為了實現該效果，它需要組合其他的webkit屬性。常見結合屬性：
display: -webkit-box; 必須結合的屬性，將物件作為彈性伸縮盒子模型顯示。
-webkit-box-orient 必須結合的屬性，設定或檢索伸縮盒物件的子元素的排列方式。
text-overflow: ellipsis;，可以用來多行文字的情況下，用省略號「…」隱藏超出範圍的文字。
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2 ;
-webkit-box-orient:vertical;
CSS定義a固定長度
今天遇到了乙個問題，就是在設定a固定長度的時候，width和height屬性不管用。導致a的背景background transparent url無法正常顯示。只好用 將其撐開，感覺這個辦法滿苯的，而且ff和ie對 長度解析不一樣。在網上查詢了半天，終於找到了解決方法，就是加上display bl...
div顯示字元超過固定長度是顯示 的方法
目前線網頁遇到div顯示標題的時候，如果標題過長，顯示全部標題會顯得很突兀，而且預設換行為首行滿後再換行，有可能第二行就乙個字，會很難看，這是通過css方法處理如下 看人家的這樣寫 說存在遊覽器相容問題 用js不存在相容問題 function ajustheight node,rows ajusth...
（2）CSS指定長度的三種方式
1 相對長度 相對長度有三種型別 與螢幕解析度相關的畫素和與字型大小相關的em與ex 1.px畫素 螢幕解析度是指每英吋有多少畫素點，大多數計算機螢幕的解析度為72畫素點每英吋 dpi 故對於不同解析度的螢幕，同一畫素值顯示大小是不同的。2.em 其單位相當於當前字型的高度，常用於度量包含文字的元素...