文章詳情頁
css3圓角矩形問題
瀏覽：93日期：2023-07-28 09:02:19
問題描述
那個橘色的圓角矩形，在一個數字的時候是 圓形，在多個數字的時候背景變成 圓角矩形 如圖，怎么使用一個樣式搞定這個需求？
如微信一樣：
問題解答
回答1：border-radius: 999px;min-width: <行高>;
回答2：方案一：設置css的min-width方案二：程序將數字轉數組，關鍵數組的位數設置不同css的class
標簽：
CSS
相關文章：
1. linux - 編譯時提示頭文件#include <mysql/mysql.h>不存在,百度之后也沒解決2. java - yuicompressor-maven-plugin 合并可用卻不壓縮, 哪配置不對？3. node.js - webpack --watch以后報錯env: node: No such file or directory4. java - Spring +Mybatis 事務 不能回滾5. JAVA 版本問題？6. css3 - 如何出現橫向捲軸？7. javascript - nodejs的列表不能往中間插入數據嗎？8. html - 內嵌app 的web 頁面如何應用 app 內置的靜態文件9. node.js - 微信小程序有自己的ws協議，用nodejs的話，還需要nginx干嘛呢10. PHP類中的$this
排行榜
網公網安備