會員:
yyhero18net
編號: 0000002
頭銜: 壇主
帳號: VIP永久會員
積分: 1950173998
貢獻: 1032
發帖: 65535
注冊: 2005-4-27 狀態: 离線
性別: (
男 Male
)
贊助網站載入中...
|
#1
本貼發表於 2020-9-6 07:56 PM |
標題: [分享] div中的line-height垂直置中?? |
贊助網站載入中...
贊助網站載入中...
div中的line-height垂直置中??
|
而在主元素加入line-height: 100px;
line-height: 100px;←100就是主元素height:100px整個高度的中間位置排一行
如只有一行的話 的確沒什麼問題 但第二行的話 就會在height:200px排第二行
所以我設定20px就是每行垂直的高度 這樣意味著多於一行不可能垂直置中了
與padding: 50px 0;分別就是這樣了
參數如下CODE: [Copy to clipboard]
<div style="line-height: 100px;width:320px;height:100px;border: 3px solid yellow;text-align: center;">
<div style="width:100px;border: 3px solid red;">目標素材</div>
<div style="line-height: 20px;width:100px;border: 3px solid red;">目標素材目標素材目標素材目標素材</div>
</div>
贊助網站載入中...
※ 所有言論不代表本站立場與本站立場無關,本站不對其內容負上任何責任。※
※ [注意公告] 已進行 統一發表主題的格式,謝謝合作!※
※ [注意公告] 原創貼的發貼要求,謝謝合作!※
|
|