300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 使用layui的table样式出现td标签的padding属性消不掉

使用layui的table样式出现td标签的padding属性消不掉

时间:2019-06-21 16:23:48

相关推荐

使用layui的table样式出现td标签的padding属性消不掉

在使用了layui的table属性后

<table class="layui-table">

又想往表格的td标签内加一个input输入框

<td><input type="text"></td>

加完以后想让输入框填充整个td标签,设置了width和height为100%;以后发现有一个padding。怎么消都消不掉,查看layui的源码,发现了自带了默认的padding。

.layui-table th{position:relative;padding:9px 15px;}

然后通过设置目标td行内样式padding属性,解决了问题。但没了padding以后发现上下之间还是有一段空隙,我就改用textarea。大概达到了效果。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。