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

相关文章
|
8月前
|
存储 算法 前端开发
1637. 两点之间不包含任何点的最宽垂直区域
1637. 两点之间不包含任何点的最宽垂直区域
54 0
|
JavaScript 容器 前端开发
js计算元素距离顶部的高度及元素是否在可视区判断
前言:   在业务当中,我们经常要计算元素的大小和元素在页面的位置信息。比如说,在一个滚动区域内,我要知道元素A是在可视区内,还是在隐藏内容区(滚动到外边看不到了)。有时还要进一步知道,元素是全部都显示在可视区,还是有部分在可视区部分在隐藏内容区。
5429 0
|
8月前
|
前端开发 容器
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
74 1
|
8月前
|
JavaScript Serverless
Vue 封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米
Vue 封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米
33 1
|
8月前
|
Swift
switf垂直组合(VStack)
switf垂直组合(VStack)
65 1
|
8月前
【每日一题Day162】LC1637两点之间不包含任何点的最宽垂直区域 | 排序
【每日一题Day162】LC1637两点之间不包含任何点的最宽垂直区域 | 排序
134 0
|
前端开发 JavaScript 容器
overflow和动态计算高度
overflow和动态计算高度
89 0
LeetCode 1637. 两点之间不包含任何点的最宽垂直面积
给你 n 个二维平面上的点 points ,其中 points[i] = [xi, yi] ,请你返回两点之间内部不包含任何点的 最宽垂直面积 的宽度。
95 0
|
前端开发 容器
div水平布局两边对齐
父容器div使用 position: relative;,子div使用 position:absolute;定位,注意边距问题。
196 0
div水平布局两边对齐