网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

用js实现元素两个元素位置对齐

一、问题描述

成都创新互联专注于企业全网整合营销推广、网站重做改版、红河哈尼网站定制设计、自适应品牌网站建设、H5网站设计商城网站开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为红河哈尼等各大城市提供网站开发制作服务。

使得填表单位那一行字与下面的表格左对齐,对表格使用css中的margin:auto实现了居中,但是对那一行字(用div包裹的)使用margin:auto不生效;并且2021年下面对应的月份是动态变化的,月份的个数不定;

二、解决方案

(1)把那行字放在表格里,再把这行表格的边框去掉;

(2)固定表格的宽度;2021年的列固定宽度,下面对应的月份的宽度按均分配;

(3)使用原生js前端操作dom,计算出外边距;

三、实现

1   mounted() {
2     const tag=document.getElementsByClassName("tg")[0]
3     let margin_value=window.getComputedStyle(tag,null).marginLeft
4     console.log(tag)
5     console.log(window.getComputedStyle(tag,null).marginLeft)
6     const value=document.getElementsByClassName("custom-title")[0]
7     console.log(value)
8     value.setAttribute("style","margin-left:"+margin_value)
9   },

分享题目:用js实现元素两个元素位置对齐
URL分享:http://bjjierui.cn/article/dsojpch.html

其他资讯