当前位置:Gxlcms > html代码 > 如何不改tr和td代码改变表格内边距?_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:29人阅读

	
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;}

人气教程排行