欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何不改tr和td代码改变表格内边距?_html/css_WEB-ITnose

程序员文章站 2022-04-08 19:35:05
...
	
2013 2012 Change %
条目1 20 -25 93 17
条目2 14 3.2 67 231


如何不改变tr和td代码,而改变表格内显示数字与表格边框的padding(内边距)?

回复讨论(解决方案)

从目前的代码看,要加上内边距需要对TD做CSS样式设定
如果不希望改变TD,可以试试在TD里加上DIV,把文本内容放置DIV内,之后对DIV设置CSS样式

利用css控制,这样就不用修改tr td的代码

LZ可以通过JS改变TD的样式,例如:

$(.table1 tr td).each(function() {    $(this).css({ "padding": "0px 5px 0px 5px" });});

楼上的鲜货啊! 收走了

谢谢conanhhy。我按照你的思路,直接在css中加入了。很好用。

.table2 tbody tr td{padding:5px;}