為了更清楚的了解黑管後天height,line-height和font-size 之間的不同與聯絡 ,做了以下這樣乙個小小的測試:
xml **
<
divstyle="height:20px;
background:#efefef; font-size:12px; line-height:20px; padding:10px;">
無標題文件<
ahref="#"
>我是tiger
a>
div>
如圖顯示:
在不給定 行高line-height:20px的情況下,行高正常顯示應該是12px+2px=14px;
而字型的顯示區域是行高 (20xp)—真正的字型高度(11px)—2px,剩下的7px上下平分,先下後上(即剩餘為單數時有可能下面比上面多出1px);
12號宋體漢字的真正大小11x11 px的正方體,字的真正高度只有11px.(在vista裡得到了調整,還特別出了一種新的字型-微軟雅黑 也真正實現了12x12 px);
可以通過以下方式解決這類問題:
在設計中涉及行高時通常讓行高減去真正字高後,剩下的高度值為偶數,這樣只需在padding時上面比下面多出2px就可以實現字型的真正垂直居中啦!
eg) font-size:12px;line-height:21px ; height:21px;padding:5px 0 3px 0;
5+5+11+2+5+3
顯示號省略文字的溢位
1.先強制一行內顯示文字 white space normal 當文字顯示不開時自動換行 white space nowrap 要文字強制一行內顯示所有文字 2.超出的部分隱藏 overflow hidden 溢位隱藏 3.文字用省略號代替超出的部分 text overflow 文字溢位 設定或檢索...
12月29號的遐想 2011 12 29
愛 心 我們是一條船,你望我扶 我們划起雙槳,沿著愛的航道,駛向心源,尋找樂土,屬於我們的家園 雙槳 風帆 食物是支援我們走到樂土唯一理由 風,雨,是上蒼對我們的眷顧 無論風吹,雨打,冰,雪,是我們與心源最親切的對話 不論在 心自往之 有些時候總覺得自己才是生活的贏家,那麼確信身邊的每一位朋友都在 ...
真正成熟的男人不做的12件事
成熟的男人還能在生活中享受歡樂,但是他們總是會記得什麼才最重要。檢視我們這份清單,看看你處在人生的哪個階段!男人到了某個年齡的時候,會開始放棄他們的舊生活,並以乙個有較少宿醉 有較多責任的生活取代之。當男人開始成熟,從這個新的角度看待事物的時候,這些事就會發生。較少的壓力,較多的成就。成為更成熟的人...