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

湖南seo网站策划网页设计学生作业模板

湖南seo网站策划,网页设计学生作业模板,企业网站策划,深圳专业网络推广当我们使用 flexbox 布局时,flex-shrink 属性用于指定 flex 项在空间不足时收缩的比例。它表示了一个 flex 项相对于其他 flex 项收缩的比例。 假设有一个 flex 容器,其中包含三个子项,它们的 flex-shrink 分别设置为 1、2 和 3。当容器的可…

当我们使用 flexbox 布局时,flex-shrink 属性用于指定 flex 项在空间不足时收缩的比例。它表示了一个 flex 项相对于其他 flex 项收缩的比例。

假设有一个 flex 容器,其中包含三个子项,它们的 flex-shrink 分别设置为 1、2 和 3。当容器的可用空间不足时,它们将根据这些比例进行收缩。

让我们假设容器的初始宽度为 300 像素,并且子项的初始宽度分别为 100 像素、200 像素和 150 像素。现在,容器的宽度减小到 200 像素,我们来计算每个子项的最终宽度。

首先,我们将所有子项的 flex-shrink 值相加,计算总的收缩比例:
1 + 2 + 3 = 6

然后,我们将容器的空间缩小的值(初始宽度减去最终宽度)除以总的收缩比例,得到每个单位收缩比例的空间:
(300 - 200) / 6 = 16.67 像素

最后,我们将每个子项的 flex-shrink 值乘以每个单位收缩比例的空间,得到每个子项实际收缩的宽度:
子项1:1 * 16.67 = 16.67 像素
子项2:2 * 16.67 = 33.33 像素
子项3:3 * 16.67 = 50 像素

最终,我们将每个子项的实际收缩宽度从初始宽度中减去,得到每个子项的最终宽度:
子项1:100 - 16.67 = 83.33 像素
子项2:200 - 33.33 = 166.67 像素
子项3:150 - 50 = 100 像素

因此,当容器的宽度缩小到 200 像素时,每个子项的最终宽度分别为 83.33 像素、166.67 像素和 100 像素。

http://www.hengruixuexiao.com/news/33624.html

相关文章:

  • 网站开发管理招聘西安网站建设排名
  • 做网站和做微信小程序大连今日新闻头条
  • 如何在网站插入百度地图如何优化推广网站
  • 青岛做外贸网站哪家好新闻10 30字
  • 如何将网站加入百度图 推广网站百度百科
  • 用网站做自我介绍什么是sem和seo
  • 做美食软件视频网站广东最新疫情
  • 直播网站基础建设游戏推广
  • 建设商城网站公司百度百科开封网站优化公司
  • 找人做网赌网站需要多少钱宁波seo推广联系方法
  • 建筑用模板多少钱一块老铁seo外链工具
  • 什么做书籍的网站好长春seo关键词排名
  • 大渡口网站建设哪家好招代理最好的推广方式
  • 如何查看网站是哪家公司做的百度推广代理商与总公司的区别
  • 水泥制品做阿里巴巴还是网站好杭州网站关键词排名
  • 网站建设用免费素材app推广注册赚钱
  • 宁波网站建设 华企立方电商培训视频教程
  • 深圳网站建设乐云seo网络营销的推广方法
  • 郴州网站建设哪家做的好真人seo点击平台
  • 惠州营销网站建设合肥做网站公司哪家好
  • 如何获取网站备案号seo研究中心
  • 大潮建设集团有限公司 网站seo排名查询软件
  • 建设网站网站多少钱重庆发布的最新消息今天
  • 小饭店普通装修厦门百度seo
  • 网站开发的背景是指什么关键字搜索软件
  • 网站出租目录做菠菜 有什么坏处长沙营销型网站建设
  • 南京网站工作室网络推广技巧
  • 重庆发布公众号app天津抖音seo
  • 毕业论文做网站免费个人网站制作
  • 《动态网站建设》第03章在线测试搜索引擎优化的完整过程