首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用CSS和jQuery将高度更改为奇数行

使用CSS和jQuery将高度更改为奇数行
EN

Stack Overflow用户
提问于 2013-04-25 23:33:25
回答 1查看 165关注 0票数 0

我有一个有3列的表格。第二列不需要设置样式。这样,每隔一行就不需要设置样式,高度为20px。我想直接用jQuery来做这件事。在jsfiddle示例中,第二行高度是我希望所有交替行的高度(20px),但如果不将类高度设置为0px并将类直接应用于标记,则无法获得该高度。有人能帮帮忙吗?(我希望我说得很清楚)。谢谢!

我的例子是jsfiddle。http://jsfiddle.net/squirc77/g6gKQ/

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-04-26 00:45:30

首先,您不需要将此高度样式添加到行中,因为它只会干扰jQuery样式,因此去掉

代码语言:javascript
运行
复制
height: 85px;

在……里面

代码语言:javascript
运行
复制
#tbl_notice td { border: 1px solid #f2f2f2; width: 400px; height: 85px; vertical-align:middle; background: transparent url(images/fieldsetBgLg.png) repeat-x; }

实际上,您并不需要这行代码。

代码语言:javascript
运行
复制
#tbl_notice tr td.oddRow{height:0px;}

只需确保去掉奇数行和中间列中的无分隔符(nbsp;),因为这会阻止您将行和列设置为您希望的高度和宽度。

完成这些更改后,您的jQuery代码应该可以正常工作。

Here是我所做更改的JSFiddle。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16218945

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档