文章詳情頁(yè)
css3圓角矩形問(wèn)題
瀏覽：81日期：2023-07-28 09:02:19
問(wèn)題描述
那個(gè)橘色的圓角矩形，在一個(gè)數(shù)字的時(shí)候是 圓形，在多個(gè)數(shù)字的時(shí)候背景變成 圓角矩形 如圖，怎么使用一個(gè)樣式搞定這個(gè)需求？
如微信一樣：
問(wèn)題解答
回答1：border-radius: 999px;min-width: <行高>;
回答2：方案一：設(shè)置css的min-width方案二：程序?qū)?shù)字轉(zhuǎn)數(shù)組，關(guān)鍵數(shù)組的位數(shù)設(shè)置不同css的class
標(biāo)簽：
CSS
上一條：css3 - 做響應(yīng)式布局，媒體查詢(xún)最普遍設(shè)的寬度都有哪幾個(gè)？下一條：css3 - 如何使用CSS實(shí)現(xiàn)圖片內(nèi)邊緣模糊效果？
相關(guān)文章：
1. python - [已解決]flask QQ郵箱mail2. html - eclipse 標(biāo)簽錯(cuò)誤3. 主題切換問(wèn)題，用過(guò)別人的webapp在后臺(tái)切換模板主題后手機(jī)端打開(kāi)網(wǎng)頁(yè)就是切換到的主題了4. javascript - 小程序中遇到j(luò)s執(zhí)行時(shí)序問(wèn)題5. mysql 5個(gè)left關(guān)鍵 然后再用搜索條件 幾千條數(shù)據(jù)就會(huì)卡，如何解決呢6. 按照本節(jié)給的代碼“膽小如鼠”并不能變成紅色7. mysql - 在不允許改動(dòng)數(shù)據(jù)表的情況下，如何優(yōu)化以varchar格式存儲(chǔ)的時(shí)間的比較？8. python3.x - git bash如何運(yùn)行.bat文件？9. javascript - 為什么在谷歌控制臺(tái) 輸出1的時(shí)候，輸出的1立馬就不見(jiàn)了10. javascript - position fixed；設(shè)置了height 100 卻不是瀏覽器可視窗口的寬高，求大神釋疑。
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備