ruby-on-rails - 表のセルが画像に合わせて拡大しないようにする

Question

そのため、画像が入っているコンテナがこの画像に合わせて拡張されないという問題が発生しています。

どうすればこれを達成できるかについてのアイデアはありますか?

Answer 1

次のようなものを使用できます。

divあり

<div><img src="http://placehold.it/350x150" /></div>

div{
    overflow: hidden;
    height: 100px;
    width: 200px;
}

または、テーブルを使用する場合:

table td{
    overflow: hidden;
    height: 100px;
    width: 200px;
    display: block;
}

<table>
    <tr>
        <td>
            <img src="http://placehold.it/350x150" />
        </td>
    </tr>
</table>

そして、使用してdivまたはテーブル内で画像を再配置できますmargin

JSFミドル1

JSFミドル2