要解决不同浏览器使用时表格行高度不同的问题,可以使用CSS样式来设置统一的行高。下面是一个包含代码示例的解决方法:
HTML代码:
行1,列1
行1,列2
行2,列1
行2,列2
行3,列1
行3,列2
CSS代码:
table {
border-collapse: collapse;
width: 100%;
}
td {
padding: 10px;
border: 1px solid black;
height: 30px;
}
在上面的例子中,我们使用border-collapse: collapse;
来设置表格的边框合并,width: 100%;
使表格占满其父容器的宽度。
而每个表格单元格( 通过这样的设置,不同浏览器在显示表格时,行高度应该会有统一的效果。)的样式中,我们使用 padding: 10px;
设置单元格的内边距,border: 1px solid black;
设置单元格的边框样式,height: 30px;
设置单元格的高度为30像素。
相关内容