文章詳情頁
css3圓角矩形問題
瀏覽：98日期：2023-07-28 09:02:19
問題描述
那個橘色的圓角矩形，在一個數(shù)字的時候是 圓形，在多個數(shù)字的時候背景變成 圓角矩形 如圖，怎么使用一個樣式搞定這個需求？
如微信一樣：
問題解答
回答1：border-radius: 999px;min-width: <行高>;
回答2：方案一：設(shè)置css的min-width方案二：程序?qū)?shù)字轉(zhuǎn)數(shù)組，關(guān)鍵數(shù)組的位數(shù)設(shè)置不同css的class
標簽：
CSS
相關(guān)文章：
1. node.js - express請求的具體方法2. node.js - react應(yīng)用加了react-redux后webpack打包后頁面顯示空白，也沒有報錯3. html5 - 有可以一次性把所有 css外部樣式轉(zhuǎn)為html標簽內(nèi)style=" "的方法嗎?4. angular.js - ng 自動獲取焦點5. android - 在RecyclerView布局使用CardView不能match_parent6. node.js - 如何使用mongoose連接數(shù)據(jù)庫中已經(jīng)存在的一個集合。7. android - 安卓如何通過設(shè)置數(shù)量而實現(xiàn)餐廳里的臺座數(shù)量？8. node.js - 關(guān)于Node爬蟲爬小說的問題9. mysql優(yōu)化 - mysql like語句會導(dǎo)致全表掃描？10. shopee 開放平臺 上傳圖片請教
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備