布局1:固定行數
示例文字示例文字示例文字示例文字
div
p
-webkit-line-clamp 是乙個 不規範的屬性(unsupported webkit property),它沒有出現在 css 規範草案中。
限制在乙個塊元素顯示的文字的行數。 為了實現該效果,它需要組合其他外來的webkit屬性。常見結合屬性:
樣式1:文字超出範圍顯示方式
text-overflow:
值:1. clip 修剪文字
2. ellipsis 顯示省略符號來代表被修剪的文字
3. string 使用給定的字串來代表被修剪的文字。
樣式2:文字換行
html**強制換行
直接分段換行
這種方式的缺點是p標籤會有margin和padding
給父級設定寬度,自動換行
這種方式對連續的數字和英文單詞不起作用了
css中的換行方式
word-break: normal|break-all|keep-all; word-break 屬性規定自動換行的處理方法。 如果該行末端有個英文單詞很長它會把單詞截斷值描述
normal
使用瀏覽器預設的換行規則。
break-all
允許在單詞內換行。
keep-all
只能在半形空格或連字元處換行。
word-wrap: normal|break-word; word-wrap 屬性允許長單詞或 url 位址換行到下一行。區別就是它會把末尾的長單詞看成乙個整體,如果該行末端寬度不夠顯示整個單詞,它會自動把整個單詞放到下一行,而不會把單詞截斷掉的。值描述
normal
只在允許的斷字點換行(瀏覽器保持預設處理)。
break-word
在長單詞或 url 位址內部進行換行。
樣式3:文字不換行
white-space :nowrap; 文字不會換行,直到遇到
css html保留文字中的空格以及換行
1 pre wrap 保留空白符,但是正常地進行換行 white space pre wrap2 pre 空白會被瀏覽器保留。其行為方式類似 html 中的標籤。該屬性不會換行 white space pre 3 pre line 合併空白符,但是保留換行符。white space pre line...
關於erlang的向上取整和向下取整
在erlang的api中,erlang trunc 1 是就近取整,erlang round 1是四捨五入的,1 向上取整 2 ceil n 3 t trunc n 4case n t of 5true t 6false 1 t 7end.1 向下取整 2 floor x 3 t trunc x 4...
關於Oracle取整的函式
關於oracle取整的函式分別有以下幾種 1.取整 大 select ceil 1.001 value from dual 向大的進製 ceil 0.12 02.取整 小 select floor 1.001 value from dual 向小的進製 floor 0.12 13.取整 擷取 sel...