Использование calc () с таблицами
Я пытаюсь получить таблицу с фиксированной ширинойtd
s и переменная ширинаtd
s.
Я использую CSScalc()
функция, но почему-то кажется, что я не могу использовать%
в таблицах.
Так вот что у меня так далеко:
<table border="0" style="width:100%;border-collapse:collapse;">
<tr style="width:100%">
<td style="width:30px;">1</td> <!--Fixed width-->
<td style="width: calc( (100% - 230px) / 100 * 40);">Title</td> <!--Width should be 40% of the remaining space-->
<td style="width: calc( (100% - 230px) / 100 * 40);">Interpret</td> <!--Width should be 40% of the remaining space-->
<td style="width: calc( (100% - 230px) / 100 * 20);">Album</td> <!--Width should be 20% of the remaining space-->
<td style="width:80px;">Year</td><!--Fixed width-->
<td style="width:180px;">YouTube</td><!--Fixed width-->
</tr>
</table>
Как я вижу, это должно работать, но это не так.
Кто-нибудь знает, как это решить? Или, может быть, есть другое предложение, как я мог бы достичь своей цели?