只顯示一行字，多餘顯示點點點代替
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
css 實現限制字數，超出部分隱藏。
這裡我們就會介紹 text-overflow : clip | ellipsis
引數：（1） clip：不顯示省略標記（...），而是簡單的擷取掉（不常用）
可以用它代替我們所用的擷取函式，且對搜尋引擎更加友好。
（2）ellipsis：當物件內文字溢位時顯示省略標記（...）
text-overflow 屬性僅是註解，當文字溢位時是否顯示省略標記。想要超市溢位時產生省略號的效果，強制文字在一行內顯示（white-space: nowrap）以及溢位內容隱藏（overflow:hidden），才能到達想要的效果。
css 之單行文字顯示省略和多行文字省略
一 單行文字顯示省略號.overflow hidden white space nowrap text overflow ellipsis doctype html html lang zh head meta charset utf 8 style type text css 一般要指定寬度，然後...
HTML多行文字溢位控制最後一行顯示省略號樣式
text overflow具有三個值。乙個是clip，修剪文字。第二個就是今天的主角ellipsis，顯示省略符號來代表被修剪的文字。第三個是string，使用給定的字串來代表被修剪的文字，不過一般都不使用這個值。clip的值 white space nowrap width 200px overf...
一行文字居中多行文字左對齊
lang en charset utf 8 titletitle head 當文字為一行是，則p的寬度小於div的寬度，p標籤居中顯示在盒子內，文字也就居中了 當大於一行時，p的寬度和div的寬度是一致的 文字就居左對齊了 rk box display inline block使p的寬度根據文字的寬...