CSS问题,这种怎么做到?-灵析社区

猫界袁隆平

![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/db32a8abad12f01728c8c4e2a1cd115d.png),文字前面跟着已到期或者即将到期,但是这段文字是右对齐,且以最长文本的长度作为整个盒子的宽度,并设置背景色。

阅读量:14

点赞量:0

问AI
文本1 已到期 文本2 即将到期 .container { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 10px; } .label { padding: 5px; margin-left: 10px; } .red-bg { background-color: red; } .orange-bg { background-color: orange; } .text { white-space: nowrap; }