テーブル行の高さを増やすと、他のすべてのテーブル行の高さを自動的に下げる方法は？

Question

私はhtmlテーブルを使用して3x3グリッドのイメージを作成しています。カーソルがその特定の画像の上にあるとき、画像の幅と高さの両方を増やしたい。今、私は1つの表のセルの幅を増やすと、その特定の行の他のすべての表のセルの幅が自動的に縮小されます。残念ながら、テーブルセルの高さを増やすと、その下のテーブルセルの高さは同じままで、テーブル自体の高さが増します。

他のセルの高さを自動的に下げる方法を教えてください。

Answer 1

多分、htmlテーブルの代わりにflexboxを試してみてください。 カスタムのflex-growパラメータとflex-shrinkパラメータを設定して、必要なものを実現できます。あなたがそれについての詳細を読むことができ

：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Answer 2

を私はよく理解した場合は、カーソルが画像上にあるときに、幅と高さを増やすことをお勧めします。すべての場合ではなく、ホバー上でのみ幅や高さを上げる必要があります。