您的位置:首页技术文章
文章详情页

css3圆角矩形问题

浏览:62日期:2023-07-28 09:02:19

问题描述

css3圆角矩形问题

那个橘色的圆角矩形,在一个数字的时候是 圆形,在多个数字的时候背景变成 圆角矩形 如图,怎么使用一个样式搞定这个需求?

如微信一样:

css3圆角矩形问题

问题解答

回答1:

border-radius: 999px;min-width: <行高>;

回答2:

方案一:设置css的min-width方案二:程序将数字转数组,关键数组的位数设置不同css的class

标签: CSS
相关文章: