jquery对齐页面的容器表

标签 jquery html css css-selectors

我有一个包含许多嵌套表格的 HTML 页面,例如页眉表格和内容表格以及页脚表格,每个表格都有一些子表格

问题是我无权访问表来为它们提供 ID 或类,我只能将 JavaScript 或 css 文件附加到页面(因为它基于 oracle 门户)页面是全宽的,所有表都占用100% 宽度,

我想将表格(仅限父表格)的大小调整为 1020px 宽度,而不触及这些表格,仅使用 jquery 或 css

所以我做到了

$('body > table').width(1030); 
$('body > table').css('margin','0 auto'); 

宽度已正确校正并且表格在屏幕上居中,但表格现在在 Internet Explorer 上向左对齐,这意味着 .css('margin','0 auto');无法在 Internet Explorer 上工作...

有什么建议吗?

最佳答案

像这样使用 jQuery 完成这一切:

$('body > table').css({'width':'1020px', 'margin':'0px auto 0px auto'});

您的第一行 jQuery 行似乎可以设置表格的宽度属性,而不是 CSS 宽度属性。

关于jquery对齐页面的容器表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7871968/

相关文章:

javascript - 通过 jQuery 获取 Magento 中 billing street 输入字段的值

jquery - 如何让我的密码验证器工作?

jquery - 水平对齐两个元素

android - 一般来说;我应该对网站进行哪些更改以使其对 ipad/iphone/android 友好

javascript - 哈希标签链接不重叠响应式 float 标题 CSS

html - 将菜单对齐到页面的中心

jquery - 如何使用 JQuery 将增量(1)添加到元素的值

java - 来自 Javascript 的 SOAP Web 服务调用

javascript - 使用可在 IE 中使用的 CSS 或 SVG 创建多边形形状

html - 如何将 CSS 过渡应用于悬停菜单