Javascript 可自动设置家长&；位置元素？

是否可以使某些元素与某些

#id

/

.classes

自动作为父元素，并与匹配的

#id

和/或

.classes

一起定位？我正试图使其成为这样，而不是为每个单独的按钮制作单独的图像，这将使数据、时间和空间消耗翻倍，甚至翻倍，或者使用

position:absolute

，因为显示器的分辨率不同，所以我希望能够为

元素与

，这样当它配对时，它会将文本定位在

img

的中心，并将

p

元素的位置固定到

img

元素。下面是我的代码，以及我为检测编写JavaScript的尝试

/*var pair=function（）{
if（this.class==this.class）{
this.style.text-align=“center”；
this.style.position=“relative”；
this.style.position=“绝对”；
}
}
配对（img，第2段）；
*/

.nav{
}
.导航链接{
}
.导航链接{
字体系列：“Lietz”，arial；
文字装饰：无；
字体大小：110%；
颜色：#FFA500；
文本阴影：
-1px-1px 0#000，
1px-1px 0#000，
-1px 1px 0#000，
1×1×0#000；
}
.新闻{
}
.捐赠{
}
.内容{
}
.页脚{
}
.脚链{
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子。在奥古斯丁，奥古斯丁，乌尔特里塞斯乌尔纳。在拍卖人的身份证上，智者坐着一个设备。无便利。nisi euismod facilisis的Vivamus semper erat。努克·法雷特拉·维勒·里苏斯·塞莱里斯·波苏尔。马莱苏阿达大酒店。
埃尼安·亨德雷特·弗林利亚·勒姆·迪克顿。自由侵权者、政要、奥迪奥的秘密。请不要在虎骨矢状体以外的其他动物身上进食。佩伦茨克毛里斯毛里斯，达比伯斯ac矢状体a，蜗壳状体托托。请暂时坐在大前庭。塞德·亨德雷特·梅特斯（Sed hendrerit metus）是一位封建的福西布斯（faucibus）。塞德·埃吉特·胡斯托·利古拉。Morbi scelerisque sagittis sem，但semper quam convallis lacinia。前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭。乌鸦。但是，暂时的威尼斯人拉卡斯，自由权杖和佩伦茨克交通工具罗切斯·奥奇·阿比布斯（rhoncus orci ac dapibus）。粗制滥造的封建社会的直径，但它的门楣是一个累积的矢状体。
毛里斯·莱克托斯·图皮斯，萨吉提斯·阿克的贵人，佩伦特斯·阿梅特·费利斯。非ullamcorper门前前庭拍卖人。阿利奎姆·费吉亚特·波苏尔·阿库（posuere arcu），nec sagittis nisl fringilla。这是一个非常好的例子。苏打水、非葡萄胎孕妇、暂时性多洛或奥奇、欧洲猫科动物、欧洲扫描电镜。生命之悬液，暂时性生命之悬液，暂时性生命之悬液。Donec egestas neque quis orci sodales，在maximus purus posuere。这是一个很好的例子。莫比在非酒后驾车的莱索斯。这是老街的交通工具

这不需要javascript，css将基于类来完成

div{边框：1px纯红色；}
p{边框：1px纯绿色；}
img{不透明度：0.4；}
.1{位置：绝对；顶部：0px；左侧：0px；}
.two{位置：绝对；顶部：0px；右侧：0px；}
.three{位置：绝对；底部：0px；左侧：0px；}
.four{位置：绝对；底部：0px；右侧：0px；}

divone
第二组
第三组
第四组
p一

p two
p三
p four

您的问题不清楚，请添加更多信息并明确代码。请记住，您也可以将img设置为反向属性。。。