首页 > 给table设样式出现的问题?

给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;即可。

【热门文章】
【热门文章】