css3 字型自動換行第二行縮排一格

2021-08-21 22:26:58 字數 344 閱讀 7041

我們知道css中text-indent屬性可以使每個段落首行開頭文字縮排,如縮排2個文字距離樣式。

p注:em是相對長度單位。相對於當前物件內文字的字型尺寸。我們中文段落一般每段前空兩個漢字。實際上,就是首行縮排了2em

那如果我們想讓第二行縮排一格呢:

p 設定text-indent: -2em;以後p標籤中第一行文字向左偏移,這樣第二行開始的文字就等於縮排了,

但是這樣設定會導致第一行向左超出div,所以再用margin-left使p標籤整體右移即可,

不過也可以用 padding-left:2em ,這樣ie8裡也能顯示。

CSS3 字型樣式

lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...

css3字型樣式

一 font family的使用 font family屬性可以設定html文字的字型樣式,eg.注意 當字型名稱中包括空格 之類的符號,則使用 font family 可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font family 屬性的...

前端CSS3 字型樣式

一 font family設定字型 sans serif是專指西文中沒有襯線的字型 例如 為網頁中的文字設定字型為 宋體 text css body 或body style 二 font size設定字型大小 例如 設定網頁中文字的字型大小為12畫素。text css body style 三 fo...