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);

相关文章
|
6月前
|
存储 算法 前端开发
1637. 两点之间不包含任何点的最宽垂直区域
1637. 两点之间不包含任何点的最宽垂直区域
47 0
|
4月前
|
容器
flex-grow 自适配宽度避免内容超出挤压两侧的最佳实践
flex-grow 自适配宽度避免内容超出挤压两侧的最佳实践
91 0
|
6月前
|
前端开发 容器
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
60 1
|
6月前
|
JavaScript Serverless
Vue 封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米
Vue 封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米
22 1
|
6月前
【每日一题Day162】LC1637两点之间不包含任何点的最宽垂直区域 | 排序
【每日一题Day162】LC1637两点之间不包含任何点的最宽垂直区域 | 排序
127 0
|
11月前
|
前端开发 JavaScript 容器
overflow和动态计算高度
overflow和动态计算高度
72 0
LeetCode 1637. 两点之间不包含任何点的最宽垂直面积
给你 n 个二维平面上的点 points ,其中 points[i] = [xi, yi] ,请你返回两点之间内部不包含任何点的 最宽垂直面积 的宽度。
89 0
|
前端开发
less中使用calc计算高度注意事项
less中使用calc计算高度注意事项
获取 table 距离窗口上方的高度(有深度的文章)
获取 table 距离窗口上方的高度(有深度的文章)
230 0
|
前端开发 Serverless
两个盒子,左边固定宽,右边自适应,你能想到几种方法?
最近不是又要秋招了吗? 有的小伙伴就说了,你的面试专栏可是鸽了有一段时间了奥,再不更新我就取关拉! 这这这,我这不来更新了吗,三个招聘季节,更新了三篇,**合情,合理~** ~~再也不画饼了~~