当前位置： 首页 > news >正文

width 值 max-content、fill-available、min-content 对应作用

news 来源：原创 2024/4/29 16:49:06

为什么80%的码农都做不了架构师？>>>   hot3.png

max-content    在一个父元素上设置该元素后，元素的宽度会以子元素内最长的一个为准，子元素表现得会好像设置了white-space:nowrap一样一行展示

min-content     在一个父元素上设置该元素后，子元素会按照最短断行进行换行

fill-available    可以让一个inline-block 元素拥有block元素的自动伸缩特性

fit-content      将元素收缩为实际内容宽度，并保持原本的block状态

推荐可以看下大神的文章介绍

转载于:https://my.oschina.net/mdu/blog/3013085

相关文章：

  • multimap详讲
  • 剑指offer-树的子结构
  • JavaScript HTML DOM
  • js提交表单错误：document.form.submit() is not a function
  • React as a UI Runtime(五、列表)
  • 如何进阶一名有竞争力的程序员?
  • 实现简单的正则表达式引擎
  • 读写配置文件模块configparser—参考杨永明博客
  • Android的WIFI局域网对讲机
  • todo: 改变字体的动画
  • seaborn 安装成功 + ImportError: DLL load failed: 找不到指定的模块 问题解决
  • 翻译：Hystrix - How To Use
  • k8s应用机密信息与配置管理（九）--技术流ken
  • 如何使用 JavaScript 解析 URL
  • patchwork.ffmpeg.org 里面未被选中的优秀代码
  • Android路由框架AnnoRouter：使用Java接口来定义路由跳转
  • Android系统模拟器绘制实现概述
  • ESLint简单操作
  • idea + plantuml 画流程图
  • IDEA常用插件整理
  • javascript数组去重/查找/插入/删除
  • laravel5.5 视图共享数据
  • Laravel深入学习6 - 应用体系结构：解耦事件处理器
  • Linux编程学习笔记 | Linux多线程学习[2] - 线程的同步
  • PHP 的 SAPI 是个什么东西
  • SpingCloudBus整合RabbitMQ
  • WebSocket使用
  • windows下mongoDB的环境配置
  • 从零开始在ubuntu上搭建node开发环境
  • 动态魔术使用DBMS_SQL
  • 记录：CentOS7.2配置LNMP环境记录
  • 聊聊directory traversal attack
  • 深度学习入门：10门免费线上课程推荐
  • 实现菜单下拉伸展折叠效果demo
  • 腾讯优测优分享 | Android碎片化问题小结——关于闪光灯的那些事儿
  • 移动互联网+智能运营体系搭建=你家有金矿啊！
  • 大数据全解：定义、价值及挑战
  • #1015 : KMP算法
  • $().each和$.each的区别
  • （C语言）编写程序将一个4×4的数组进行顺时针旋转90度后输出。
  • （ISPRS，2023）深度语义-视觉对齐用于zero-shot遥感图像场景分类
  • （Redis使用系列） SpringBoot中Redis的RedisConfig 二
  • (阿里云万网)-域名注册购买实名流程
  • (层次遍历)104. 二叉树的最大深度
  • （初研） Sentence-embedding fine-tune notebook
  • （二）linux使用docker容器运行mysql
  • （考研湖科大教书匠计算机网络）第一章概述-第五节1：计算机网络体系结构之分层思想和举例
  • （力扣记录）1448. 统计二叉树中好节点的数目
  • (转) Face-Resources
  • （转）我也是一只ＩＴ小小鸟
  • （最全解法）输入一个整数，输出该数二进制表示中1的个数。
  • .NET CF命令行调试器MDbg入门（二） 设备模拟器
  • .net core 源码_ASP.NET Core之Identity源码学习
  • .NET Core 中插件式开发实现
  • .net 验证控件和javaScript的冲突问题