div里面的元素在【垂直 方向】上水平分布 使用calc()函数动态计算

简介: div里面的元素在【垂直 方向】上水平分布 使用calc()函数动态计算

1==》如何让div里面的元素在【垂直 方向】上水平分布


.important-dec{
height: 121px; //必须固定高度
flex-direction: column; //垂直排列
display: flex;
justify-content: space-between;
}


2==》使用 calc() 函数计算 <div> 元素的宽度:


需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);


任何长度值都可以使用calc()函数进行计算;


calc()函数支持 "+", "-", "*", "/" 运算;


calc()函数使用标准的数学运算优先级规则;


width: calc(100% - 210px);

相关文章
|
1月前
|
存储 算法 前端开发
1637. 两点之间不包含任何点的最宽垂直区域
1637. 两点之间不包含任何点的最宽垂直区域
25 0
|
1月前
|
前端开发 容器
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
14 1
|
1月前
【每日一题Day162】LC1637两点之间不包含任何点的最宽垂直区域 | 排序
【每日一题Day162】LC1637两点之间不包含任何点的最宽垂直区域 | 排序
104 0
|
9月前
如何在 kitten 里生成动态个数个立方体(水平方向平铺)以及避免闪烁问题
如何在 kitten 里生成动态个数个立方体(水平方向平铺)以及避免闪烁问题
36 0
如何在 kitten 里生成动态个数个立方体(水平方向平铺)以及避免闪烁问题(2)
如何在 kitten 里生成动态个数个立方体(水平方向平铺)以及避免闪烁问题
如何在 kitten 里生成动态个数个立方体(水平方向平铺)以及避免闪烁问题(2)
如何在 kitten 里生成动态个数个立方体(水平方向平铺)以及避免闪烁问题(1)
如何在 kitten 里生成动态个数个立方体(水平方向平铺)以及避免闪烁问题
获取 table 距离窗口上方的高度(有深度的文章)
获取 table 距离窗口上方的高度(有深度的文章)
176 0
LeetCode 1637. 两点之间不包含任何点的最宽垂直面积
给你 n 个二维平面上的点 points ,其中 points[i] = [xi, yi] ,请你返回两点之间内部不包含任何点的 最宽垂直面积 的宽度。
68 0
|
前端开发 Serverless
两个盒子,左边固定宽,右边自适应,你能想到几种方法?
最近不是又要秋招了吗? 有的小伙伴就说了,你的面试专栏可是鸽了有一段时间了奥,再不更新我就取关拉! 这这这,我这不来更新了吗,三个招聘季节,更新了三篇,**合情,合理~** ~~再也不画饼了~~

热门文章

最新文章