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的核心解释器 ...