作者:手机用户2502908237 | 来源:互联网 | 2022-12-04 21:44
在我的角度应用程序中,我有一个代表一个html表的组件.我遇到的问题是我无法降低细胞高度.好像我的css对显示器没有影响.
这里的headers&catNames var在我的component.ts中:
catNames : string[] = ["Toto", "Tata", "Titi", "Mama", "Momo"];
headers: string[] = ["Head1", "Head2", "Head3", "Head4", "Head5"];
这是我的组件HTML:
这是我的CSS:
table {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
border-collapse: collapse;
text-align: center;
width: 100%;
font-size: 12pt;
}
th {
border: 1px solid #dddddd;
text-align: center;
padding: 0px;
color: white;
background-color: dodgerblue;
}
td {
display:table-cell;
border: 1px solid #dddddd;
text-align: center;
margin: 0;
padding: 0;
border-spacing: 0;
}
如何显示,我想删除单元格顶部和底部边框上的额外空格:
我的CSS值有错吗?
1> Aarsh..:
删除
标签.因为它会给自己填充.否则在减号中给出填充.但这不是正确的方法.因此,最好的方法是删除
并仅使用插值,它将被视为文本.或者你可以直接给css
代替td.
使用