关于开启弹性盒子之后当只有文本内容的和单独存在时内容无法撑起宽度从而对齐的解决方案

编程入门行业动态更新时间:2024-10-09 07:28:58

关于开启弹性盒子之后当只有文本<a href=https://www.elefans.com/category/jswz/34/1771374.html style= 内容的和单独存在时内容无法撑起宽度从而对齐的解决方案"/>

突然想起来这种情况，这种情况就是开启弹性盒子后如果一个盒子里只有纯文本内容，你的盒子是撑不起来的，这时给宽度也会无效（除非取消弹性盒子）

给你的子盒子宽度加max-content属性：

意思是盒子宽度由内容撑起

width: max-content;

同时它还有其他操作

以最大的内容的宽度为盒子的宽度

width: min-content;

宽度固定，内容会自适应高度

width: fit-content(100px);

更多推荐

关于开启弹性盒子之后当只有文本内容的和单独存在时内容无法撑起宽度从而对齐的解决方案

本文发布于:2023-11-30 12:36:30，感谢您对本站的认可！

内容宽度撑起盒子弹性

评论列表（有 0 条评论）