text top ascent 頂線
super 上基線
baseline 基線
sub 下基線
text bottom,descent 底線
字型大小,設定的是文字的相對大小
文字的相對大小:1000、2048、1024
文字頂線到底線的距離是文字的實際大小(content-area,內容區)
行盒的背景覆蓋的是內容區
頂線向上延伸的空間top,和底線向下延伸的空間bottom,兩個空間相等,該空間叫做gap(空隙)
gap預設情況下,是字型設計者決定
top到bottom,叫做virtual-area(虛擬區)
行高就是virtual-area
line-height:normal (預設值)使用文字預設gap
文字一定出現在行盒中的中間————這個說法錯誤 (文字出現在內容區 而文字的具體位置由設計者決定)### vertical-align取值有三種:content-area一定出現在virtual-area中間————這個說法正確(基線重疊)
預設值:
baseline:該元素的基線與父元素的基線對齊行盒組合起來,可以形成多行,每一行的區域叫做line-box,line-box的頂邊是該行內所有行盒最高頂邊,底邊是該行行盒的最低邊super:該元素的基線與父元素的上基線對齊
sub:該元素的基線與父元素的下基線對齊
text-top:該元素的virtual-area的頂邊,對齊父元素的text-top
text-bottom:該元素的virtual-area的底邊,對齊父元素的text-bottom
top:該元素的virtual-area的頂邊,對齊line-box的頂邊
bottom:該元素的virtual-area的底邊,對齊line-box的底邊
middle:該元素的中線(content-area的一半位置),與父元素的x字母高度的一半的位置對齊
實際上:乙個元素的實際占用高度(高度自動),通過line-box計算
數值:相對於基線的偏移量,向下為正數,向下為負數
百分比:相對於基線的偏移量,百分比是相對於自身virtual-area的高度
某元素內部沒有任何行盒
元素內部行盒大小為0
2)表單元素:基線位置在內容的底邊
3)行塊盒:
行塊盒最後一行有line-box,用最後一行的基線作為整個行塊盒的基線。
如果行塊盒內部最後一行沒有行盒,則使用下外邊距作為基線。
參考線 深入理解字型
參考線 深入理解字型 font family 文字文字是通過製作檔案製作的 製作文字時有幾根參考線,不同文字參考線不一樣。同一種文字型別,參考線一致。font size 設定的是文字的相對大小 相對值取值 1000 2048 1024 文字頂線到底線的距離,是文字的實際大小 contenmt are...
擴充套件參考線 深入理解字型
font size line height vertical align font family 文字是通過一些文字製作軟體製作的,比如fontforge 製作文字時,會有幾根參考線,不同的文字型別,參考線不一樣。同一種文字型別,參考線一致。字型大小,設定的是文字的相對大小 文字的相對大小 1000...
深入了解A
一 前言 在這裡我將對a 演算法的實際應用進行一定的 並且舉乙個有關a 演算法在最短路徑搜尋的例子。值得注意的是這裡並不對a 的基本的概念作介紹,如果你還對a 演算法不清楚的話,請看姊妹篇 初識a 演算法 這裡所舉的例子是參考amit主頁中的乙個源程式,使用這個源程式時,應該遵守一定的公約。二 a ...