文章詳情頁
css3圓角矩形問題
瀏覽：123日期：2023-07-28 09:02:19
問題描述
那個(gè)橘色的圓角矩形，在一個(gè)數(shù)字的時(shí)候是 圓形，在多個(gè)數(shù)字的時(shí)候背景變成 圓角矩形 如圖，怎么使用一個(gè)樣式搞定這個(gè)需求？
如微信一樣：
問題解答
回答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
相關(guān)文章：
1. python - sqlalchemy更新數(shù)據(jù)報(bào)錯(cuò)2. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異?！钡膬?nèi)存錯(cuò)誤？3. javascript - h5微信中怎么禁止橫屏4. macos - 無法source activate python275. empty比isset更嚴(yán)格一點(diǎn)6. thinkphp6使用驗(yàn)證器 信息如何輸出到前端頁面7. 我在導(dǎo)入模板資源時(shí)遇到無法顯示的問題，請(qǐng)老師解答下8. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入9. javascript - 微信網(wǎng)頁開發(fā)從菜單進(jìn)入頁面后，按返回鍵沒有關(guān)閉瀏覽器而是刷新當(dāng)前頁面，求解決？10. 預(yù)訂金和尾款分別支付
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備