18

td固定幅と可変幅のテーブルを取得しようとしていますtd。

CSS関数を使用していますが、どういうわけかテーブルでcalc()は使用できないようです。%

それが私がこれまでに持っているものです：

<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>

私の見方では、うまくいくはずですが、そうではありません。

これを解決する方法を知っている人はいますか？または、目標を達成する方法について他の提案がありますか?

4

2 に答える 2

-1

Calc は一般的な関数です。

-webkit-calcはWebkit用です。

お使いのブラウザに合わせて追加してください。

とにかく、あなたの -calc- 関数は無視されます。残りの幅の 40% になる 3 つの TD がありますか? 全部で120%です。これはテーブルです。親の幅が常に優先されます。

ただし、TD が 5% の場合、全体の幅がテーブルの幅よりも小さくなるため、これも無視されます。

結論: table で calc を使用しないでください。

于 2013-04-08T07:20:11.827 に答える