Javascript 如果元素以“边距:自动”居中,如何获取元素位置`
如果元素是使用CSSJavascript 如果元素以“边距:自动”居中,如何获取元素位置`,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如果元素是使用CSSmargin:auto命令居中的,如何获取元素位置?这是小提琴: 单击带有红色边框的元素。它应该提醒您它相对于父表的位置顶部定位为右侧,但左侧为1,这是不正确的。为了解决这个问题,我可以找出父元素的宽度,然后是红边元素的宽度,然后用数学方法计算它的位置,但是有更好、更有效的方法吗 $('body')。在('click','placeHolder',function()上{ 警报($(this.position().left++','+$(this.position().t
margin:auto
命令居中的,如何获取元素位置?这是小提琴:
单击带有红色边框的元素。它应该提醒您它相对于父表的位置<代码>顶部定位为右侧,但左侧
为1,这是不正确的。为了解决这个问题,我可以找出父元素的宽度,然后是红边元素的宽度,然后用数学方法计算它的位置,但是有更好、更有效的方法吗
$('body')。在('click','placeHolder',function()上{
警报($(this.position().left++','+$(this.position().top));
})
.channels{
/*边界塌陷:塌陷*/
边界间距:0;
宽度:100%;
身高:100%;
保证金:0;
填充:0;
字体大小:粗体;
边框:1px实心rgba(30,30,30,1);
边界半径:4px;
溢出:隐藏;
背景:url(images/comment-bg3.png)重复;
调整大小:两者;
}
.td频道{
左边框:1px实心rgba(30,30,30,1);
}
.td:第一个孩子{
左边界:无;
}
.channelHeader{
身高:7%;
文本对齐:居中;
背景:url(images/comment-bg2.png)重复;
盒影:02px2pRGBA(0,0,0,0.26);
-webkit盒阴影:0 2px2pRGBA(0,0,0,0.26);
-moz盒阴影:02px2prgba(0,0,0,0.26);
}
.音频视频{
身高:79%;
}
.channelInfo{
身高:7%;
最大高度:7%;
文本对齐:居中;
背景:url(images/comment-bg2.png)重复;
边框底部:1px实心rgba(30,30,30,1);
边框顶部:1px实心rgba(30,30,30,1);
盒影:02px2pRGBA(0,0,0,0.26);
-webkit盒阴影:0 2px2pRGBA(0,0,0,0.26);
-moz盒阴影:02px2prgba(0,0,0,0.26);
}
.channelInfo td{
边界半径:2×2×0;
}
.channelInfoValues{
身高:7%;
最大高度:7%;
文本对齐:居中;
}
.str0{笔划:白色;笔划宽度:3.97;笔划斜接限制:22.9256}
.str1{笔划:#99999;笔划宽度:3.97;笔划斜接限制:22.9256}
.fil1{fill:none}
.fil0{fill:#333333}
.声音{
填充:0;
保证金:0;
}
.音频数据库{
宽度:100%;
身高:100%;
位置:相对位置;
}
.级别{
位置:绝对位置;
宽度:80%;
左缘:5%;
最高:5%;
高度:1px;
左:10%;
背景:银;
z指数:300;
}
.1级{
最高:15%;
}
.2级{
最高:35%;
}
.3级{
最高:95%;
}
.音频背景{
宽度:30%;
身高:90%;
左:20%;
位置:绝对位置;
最高:5%;
背景:#ff0000;
背景:url(数据:数据:数据:图像/svg+xml;基本64,基本64,PD94BBWWWWWWBWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWBBWWWWWBWWWWWWWWBWWWWWWWWWWWWWWVVVVVVVVvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.2.2.一个中国政府的一个中国政府的一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国政府一个中国一个中国政府一个中国一个中国一个中国政府一个中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国9ijeilz4kicagidxzdg9WIG9MZNLDD0IMTAWJSIGC3RVCC1JB2xVCJ0IIZAWNMQC3RVCC1VCGFJAXR5PSIXI8+CIAGPC9SAW5LYXJHCMFKAWVUD4KICA8CMVJDCB4PSIb5PSIb3AWR0AD0IMSIGAGVPZ2H0PSI0PSI2DYWQTDWNZY1NZW5LCMF0ZWQPIIAVPGO8L3N2ZZZ4=);
背景:-莫兹线性梯度(顶部,#ff0000 0%,#ff0000 7%,#faff00 20%,#00ff2a 38%,#006d10 100%);/*FF3.6-15*/
背景:-webkit渐变(线性、左上、左下、颜色停止(0%,#ff0000)、颜色停止(7%,#ff0000)、颜色停止(20%,#faff00)、颜色停止(38%,#00ff2a)、颜色停止(100%,#006d10));/*Chrome4-9,Safari4-5*/
背景:-webkit线性梯度(顶部,#ff0000 0%,#ff0000 7%,#faff00 20%,#00ff2a 38%,#006d10 100%);/*Chrome10-25,Safari5.1-6*/
背景:-o型线性梯度(顶部,#ff0000 0%,#ff0000 7%,#faff00 20%,#00ff2a 38%,#006d10 100%);/*Opera 11.10-11.50*/
背景:-ms线性梯度(顶部,#ff0000 0%,#ff0000 7%,#faff00 20%,#00ff2a 38%,#006d10 100%);/*IE10预览*/
背景:线性梯度(至底部,#ff0000 0%,#ff0000 7%,#faff00 20%,#00ff2a 38%,#006d10 100%)/*W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#006d10',GradientType=0);
}
.听力权利{
左:60%;
}
.音频封面{
宽度:100%;
身高:30%;
背景:灰色;
}
.音频号码{
宽度:10%;
身高:100%;
文本对齐:居中;
位置:绝对位置;
}
.db{
宽度:100%;
文本对齐:居中;
位置:绝对位置;
左:15%;
}
.db p{
页边顶部:-5px;
}
麦克斯先生{
最高:5%;
}
.高{
最高:15%;
}
.正常{
最高:35%;
}
.低{
最高:95%;
}
.占位符{
宽度:80%;
身高:100%;
保证金:自动;
边框:1px纯红;
z指数:10;
}
未定义
1.
0
六,
十八
六十
决议
面貌
FPS
V格式
A格式
左右
1920x1080
---
---
H-264
MP2
---
---
我建议,如果您使用的是JS,您可以尝试这样做,
首先,给红色边框一个id(例如:“redbox”),
那么这就是你用的=
var element = document.getElementById('redbox'),
style = window.getComputedStyle(element),
mrgn = style.getPropertyValue('margin');
这使您能够获得css边距值
希望这有帮助-祝你好运:)我建议如果你正在使用JS,这就是你要尝试的, 首先,给红色边框一个id(例如:“redbox”), 那么这就是你用的=
var element = document.getElementById('redbox'),
style = window.getComputedStyle(element),
mrgn = style.getPropertyValue('margin');
这使您能够获得css边距值
希望这有帮助-祝你好运:)你可以使用.offset()
来获取.placeHolder
div和的位置。