亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

height為百分比時,line-height如何設置才能使文本垂直居中

height為百分比時,line-height如何設置才能使文本垂直居中

正在回答

5 回答

在文字所在容器設置

display:?flex;justify-content:?center;align-items:?center;


2 回復 有任何疑惑可以回復我~

我不是噴子,平時遇見新聞游戲什么的從不花時間評論,但這次我真的不淡定了,學習時間本來就寶貴,我自己也遇到同樣的問題.

0 回復 有任何疑惑可以回復我~

還他媽說的一套一套的,就你能是不是?

0 回復 有任何疑惑可以回復我~

我很不想罵人,但是這種"謀財害命的事情"令我深惡痛絕,不知道不要瞎BB行么?

0 回復 有任何疑惑可以回復我~

line-height呢,你可以理解為每行文字所占的高度。
比如說,有一行20px大小的文字,如果設置為line-height:50px,那就是說,這行文字的高度會占50px。
顯然,每個字的大小只有20px,那怎么邊呢?于是呢,瀏覽器就把多出來的30px(50px-20px)在這行文字的上面加上了15px,下面加上了15px。
這樣的話,那文字就在這50px的空間內是居中的了(這個就是瀏覽器規定的,它就這個分配空間)。
這樣的話,如果你的DIV是50px,那么巧了,正好這行文字也就相對于DIV居中了。
所以,這樣一來呢,就有了“把line-height設置為容器div的高度就能使文字垂直居中”。

0 回復 有任何疑惑可以回復我~
#1

有一種成熟叫認慫 提問者

謝謝幕友的耐心回答,但是幕友的回答并沒有解決我的問題,可能我問得不夠細致吧。
2016-01-28 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214662    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

height為百分比時,line-height如何設置才能使文本垂直居中

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號