av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - DIV 讓數字水平垂直置中?

瀏覽:114日期:2023-01-19 13:23:46

問題描述

.unsolve{ position: absolute; right: 10px; top:50%; transform: translate(0,-50%); z-index: 1; font-size: 13px; background-color: red; border-radius: 50%; color:#fff; width: 15px; height: 15px; padding: 5px; text-align: center;}

<p class='unsolve'>12</p>

這樣設定的時候,數字都會中間偏下,沒辦法完全中間。請問該怎麼讓他完全水平垂直置中?

css - DIV 讓數字水平垂直置中?

問題解答

回答1:

css - DIV 讓數字水平垂直置中?

.unsolve {position: absolute;right: 10px;top:0;bottom: 0;margin:auto;z-index: 1;font-size: 13px;background-color: red;border-radius: 50%;color:#fff;width: 15px;height: 15px;line-height: 15px;padding:5px;text-align: center; }回答2:

不用這么麻煩單行文字 將行高 line-height 和 height 設為相等即可多行文字需要將文字抱在p標簽中 外層p display:table 內層p display:table-cell

回答3:

text-align:center; + line-height:容器元素高度

回答4:

既然你都設置 height 了,那就直接設置 line-height 吧

回答5:

**設置一下行高就好了 transform: translate(0,-50%) 這句 可以 刪除**

回答6:

單行的垂直居中 使用line-height 即可。

回答7:

p中單行文字垂直居中,設置line-height和height兩個屬性,且兩者值相同即可實現。

標簽: CSS
相關文章:
主站蜘蛛池模板: 成人在线精品视频 | 日日噜噜夜夜爽爽狠狠 | 午夜性色a√在线视频观看9 | 中文字幕在线一区 | 欧美一区不卡 | 中文在线一区 | 成人国产一区二区三区精品麻豆 | 欧美激情一区 | 51ⅴ精品国产91久久久久久 | 久草网址| 日韩精品无码一区二区三区 | 国产亚洲精品综合一区 | 香蕉国产在线视频 | 91干b| av在线黄 | 免费不卡视频 | 一区在线播放 | 色视频欧美| 亚洲一区二区三区免费视频 | 在线看免费的a | 97操操| 男人的天堂久久 | 1000部精品久久久久久久久 | 亚洲第一区久久 | 亚洲人va欧美va人人爽 | 亚洲视频一区在线观看 | 国产亚洲一区二区三区 | www.亚洲一区二区三区 | 91天堂网| 密室大逃脱第六季大神版在线观看 | 手机av在线 | 国产精品久久久久久久久久免费看 | 国产精品久久久亚洲 | 中文字幕av一区 | 妞干网福利视频 | 一区二区三区亚洲 | 亚洲精选一区二区 | 国产日韩欧美精品一区二区三区 | 91五月婷蜜桃综合 | 亚洲国产精品美女 | 蜜臀久久99精品久久久久久宅男 |