首页IT科技用js实现元素两个元素位置对齐的方法(用js实现元素两个元素位置对齐)

用js实现元素两个元素位置对齐的方法(用js实现元素两个元素位置对齐)

时间2025-09-16 19:14:46分类IT科技浏览4858
导读:一、问题描述...

一                、问题描述

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

二                        、解决方案

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

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

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

三        、实现

解释:“tg                ”为表格的类名        ,获取表格的外边距的值;“custom-title                        ”为那一行字所在元素的类名;给那行字的标签添加style属性                        ,赋值即可                。

四            、效果

声明:本站所有文章                ,如无特殊说明或标注    ,均为本站原创发布                        。任何个人或组织                        ,在未征得本站同意时                    ,禁止复制                        、盗用            、采集        、发布本站内容到任何网站                        、书籍等各类媒体平台        。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理            。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
自动驾驶路测设备(【OpenAI】基于 Gym-CarRacing 的自动驾驶项目 | 车道检测功能的实现 | 边缘检测与分配 | 样条拟合) 没有SEO的搜索引擎