如果你画了一个圆被挤扁了

ji_shuke

于 2023-03-19 19:23:13 发布

阅读量135

点赞数

文章标签： css html 前端

本文链接：https://blog.csdn.net/ziwen_android/article/details/129654738

版权

1、使用如下代码画一个圆

            .circular-view {
              height: 10px;
              width: 10px;
              border-radius: 50%;
              background-color: #40a9ff;
            }

2、但是可能会被挤扁，加上如下代码

flex-shrink: 0;

3、修改后代码

            .circular-view {
              height: 10px;
              width: 10px;
              flex-shrink: 0;
              border-radius: 50%;
              background-color: #40a9ff;
            }