css html 關於文字的總結(整理中)

2021-09-08 18:42:54 字數 1136 閱讀 3260

布局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...