td
에 동적으로 너비를 추가하려고합니다. Chrome 및 Safari에서는 잘 작동하지만 FF에서는 작동하지 않습니다.CSS - calc이 작동하지 않습니다. Firefox
HTML
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1</td>
<td>Title</td>
<td>Interpret</td>
<td>Album</td>
<td>Year</td>
<td>YouTube</td>
</tr>
</table>
CSS
table{
table-layout:fixed;
width: 100%;
border-collapse: collapse;
}
td{
border:1px solid red;
}
td:first-child{
width: calc(100%/6 * 0.5);
}
td:last-child{
width: calc(100%/6 * 2);
}
나는 하드 코드는 픽셀 값 대신 예에 대한 100%
가., calc(690px/6 * 2)
, 그것은 작동합니다.
당신은 인 flexbox 더 나은 행운을해야합니다. –