【HTML】Tableの幅を固定するみなさん、こんにちは。 先日、HTMLのTableで思い通りに表示がされず、 少々悩んだことがありましたので、 今回はその解決方法を載せたいと思います。 まず、以下のようなTableがあったとします。 ◇CSS table{ border:1px solid #666666; border-collapse:collapse; } td,th{ border:1px solid #666666; } ◇Table 部署 氏名 このTableを以下の要件で改修します。 1.Tableの幅は固定 2.セルの内容は1行で表示させる 3.表示しきれない分は切り落としてしまって構わない まず、幅を固定化させるために、 Table、th、tdに対してwidthを指定します。 次に、内容によって幅が広がってしまうことを防ぐ為に、 Tableに対してtable-layout:fixedを指定します。 ここ
