CSS 文字行(總結筆記)

2021-07-17 00:22:16 字數 1024 閱讀 3008

1、什麼是行高?

行高指文字基線間的垂直距離,行高在數值上等於字型大小+行距。

行高是可繼承的line-height 是可以繼承的。父元素不同的行高單位影響子元素的繼承:

①父元素的行高為 24px 時,子元素直接繼承此固定的行高

②父元素的行高為 150% 或 1.5em 時,會根據父元素的字型大小先計算出行高值然後再讓子元素繼承。

③父元素的行高為 1.5 時,根據子元素的字型大小動態計算出行高值讓子元素繼承。

2、如何讓乙個inline non-replaced元素在乙個框中垂直居中?

我們知道 行間距=行高-字型大小;那麼字型據父框的高度也就是半行間距,所以當行高與父框高度相同時,行內元素垂直居中。

padding竟然不佔空間(黑人問號???)

一直以來我都知道inline元素沒有margin-top和margin-bottom,萬萬沒注意到padding的這個細節(平時給inline設padding還真不少)。

對於上圖我的理解是因為ifc(我看的大部分部落格都是講bfc,這是第一次感受到ifc的存在感啊 科科)造成的,ifc(inline formation context)行內格式化上下文,也就是說inline element(這裡提一下inline-box:文字區+行間距)的排列是從左到右的,inline box的寬度超過父框寬度時(要換行了),inline box就會**成多個inline box,此時就會根據行高來定與上一行之間的距離(所以垂直方向其實沒padding啥事)。

待更新。。。

css文字行高是哪個屬性 CSS 文字樣式

本節我們講文字樣式,像比如設定文字顏色呀,首行縮排 水平對齊等,可以對網頁進行排本設定等。將要學習的文字屬性有如下幾個 首先我們來講文字顏色設定,前面我們講過一節關於如何設定顏色,所以想必大家對如何給文字設定顏色不會。示例 例如給下面的 標籤中的 標籤中的文字,顏色設定為粉色 盛年不重來,一日難再晨...

基於文字行協議

很多網際網路上的協議例如http sip smtp ftp的控制連線協議都是基於文字行的。所謂基於文字行,指的是資訊以文字傳遞,乙個資訊單元傳遞完畢後要傳送換行。比如對於http的get請求來說,get index.html http 1.0 是一行,接下去每個頭部資訊各佔一行。乙個空行表示整個請求...

限制文字行數

1行 white space nowrap overflow hidden text overflow ellipsis ps 一定要指定容器的寬度,不然的話是沒有用的。多行 方法一 只支援 webkit核心,不支援火狐 方法二 不管怎樣,省略號都會出現,建議配合js,只有超出高度時,才顯示 aft...