标题:flex布局时,盒子如何由内容撑开? 提问正文:要求是flex布局,父盒子的宽度不能写死,要求由里面的内容撑开,内容的文字长度不固定,但是只有一行
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- ✎﹏ℳ๓敬坤 2022-05-09 11:48关注
通过弹性盒子,他会将我们的内容都在一行内,然后通过设置宽度属性 min-content。可以实现它根据内容自己适应
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ display: flex; flex-flow: row; align-items: center; border: 1px solid red; background-color: aqua; padding: 5px; width: min-content; } </style> </head> <body> <div class="box"> <div>123</div> <span>456</span> <div>789</div> </div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥20 机器学习能否像多层线性模型一样处理嵌套数据
- ¥20 西门子S7-Graph,S7-300,梯形图
- ¥50 用易语言http 访问不了网页
- ¥50 safari浏览器fetch提交数据后数据丢失问题
- ¥15 matlab不知道怎么改,求解答!!
- ¥15 永磁直线电机的电流环pi调不出来
- ¥15 用stata实现聚类的代码
- ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
- ¥20 docker里部署springboot项目,访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效