css - 给table设样式出现的问题？

问题描述

问 题

dome在这里 https://jsfiddle.net/7cp9sweu/1/
//1，给tr设padding-left 为什么第一个td没有收到影响
//2，为什么给td下的span设一个padding-top，就把整个td撑开了，不是原来设置的60了
//呢？怎么在不改变td高度的情况下让span向下呢？

解决方案

1.这是表格本身设定决定的，除了table和table-cell之外其他表格内元素都不具有margin和padding属性。
2.因为表格是等高等宽的，所以一个cell变高了，其他也自然变高。
去掉float，float会让span变成一个block元素，并且会使vertical-align失效。由于span继承了td的行高，所以需要先给span设置一个行高然后vertical-align:bottom;即可。

这篇关于css - 给table设样式出现的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！