文章詳情頁
css3圓角矩形問題
瀏覽：158日期：2023-07-28 09:02:19
問題描述
那個橘色的圓角矩形，在一個數字的時候是 圓形，在多個數字的時候背景變成 圓角矩形 如圖，怎么使用一個樣式搞定這個需求？
如微信一樣：
問題解答
回答1：border-radius: 999px;min-width: <行高>;
回答2：方案一：設置css的min-width方案二：程序將數字轉數組，關鍵數組的位數設置不同css的class
標簽：
CSS
相關文章：
1. javascript - sublime快鍵鍵問題2. 實現bing搜索工具urlAPI提交3. javascript - 移動端上不能實現拖拽布局嗎？4. boot2docker無法啟動5. thinkPHP5中獲取數據庫數據后默認選中下拉框的值，傳遞到后臺消失不見。有圖有代碼，希望有人幫忙6. 前端 - 這段代碼一直生效不了，查半天因為 top: 0px; 分號后一個隱藏的東西，也不是占位符...刪了就可以生效，這是什么情況。。7. angular.js - 單頁應用（ng/vue）該如何監聽用戶離開當前頁面（或者路由）？8. nginx bind failed9. javascript - 如何判斷不同兩個對象觸發同一事件？10. javascript - react native在run-android時出現這個錯誤該怎么解決？大神賜教
排行榜
網公網安備