flex布局元素被挤压（点文一排，点被挤压）

flex布局 元素被挤压（点文一排，点被挤压）

原因是 flex布局，元素 默认的flex-shrink 为 1 ，即空间不够时，按比例缩放。另一个值是 0 即不缩放

html代码

css代码

.rule-dot {
display: flex;
.rule-justify {
text-align: justify;
font-size: 14px;
}
.rule-dot-span {
position: relative;
top: 6px;
display: inline-block;
width: 8px;
height: 8px;
background-color: #DDDDDD;
border-radius: 8px;
}
}

解决方案有两种

（1）给 点 span外面加个父容器