getItemStyle(i) {
let width = 'calc(100% - ' + i + 1 + ' * 60px)'
return {
width: width,
'margin-left': `calc(-1 * ((100% - ${i + 1} * 60px)/2))`
}
},
// width是根据calc计算获取正的值,弹窗模式要左右居中显示,所以设置margin-left为负的宽度的一半。
js动态计算元素的样式 calc 和calc取负值
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 前言 开发过程中,写元素的长宽,往往是父元素设置了自适应高度100%,而其子元素的高度应该设置为父元素高度减去10...
- scrollWidth 元素中内容的实际的宽(没有边框),如果没有内容就是元素的宽 scrollHeight 元素...
- 事情是这样的,我今天在帮一个朋友实现原生手写轮播图,然后我发现自己在获取一个元素的样式上出现了一点点小问题,就顺带...
- javascript 组成部分 1.ECMAScript javascript的核心解释器 ...