タグ

tableに関するchagoのブックマーク (3)

  • dl要素をtableのような段組レイアウトにする - 25egg:Webデザイナー備忘録

    dt,dd要素をtableのような横並びのレイアウトにします。 横幅を縮めた際は縦並びに変更しています。 float See the Pen dl-table by 25egg (@25egg) on CodePen. flexbox See the Pen dl-table2 by 25egg (@25egg) on CodePen. The post dl要素をtableのような段組レイアウトにする first appeared on 25egg:Webデザイナー備忘録.

    dl要素をtableのような段組レイアウトにする - 25egg:Webデザイナー備忘録
    chago
    chago 2019/05/14
  • Table Tag Generator

    数値を増減させるには、キーボードで入力するか、スピナーをクリックするか、マウスホイールを回してください。 セルをドラッグして選択することができます 文字を入力してください クラス名を入力してください × It is not possible to merge <td> and <th>. × 結合したセルを再結合することはできません。一度、分割してください。 × 数字を入力してください × 自然数(1,2,3...)を入力してください × 操作対象となるセルをドラッグして選択してください 使い方 1. まず表の大きさ(行と列)を決めてください。数字をキーボードで入力するか、スピナーをクリックするか、マウスホイールを回してください。 2. td タグの代わりに th タグを使いたい場合(またはその逆)は、変換したいセルをドラッグして選択し、「td ↔ th」 ボタンをクリックしてください。

    chago
    chago 2019/05/14
  • display: tableの活用 | 第1回 フレキシブルな段組みレイアウト

    display: tableの活用 第1回 フレキシブルな段組みレイアウト 2014年4月にWindows XPのサポートが終了し、業務で対応すべきブラウザがIE8もしくは、IE9以上に変化してきます。この記事ではIE8以降で使えるマルチカラムレイアウト手法を解説します。 はじめに 2014年4月9日にWindows XPのライフサイクルが終了し、普段の仕事でサポートをしなくてはいけないとされるブラウザは多くの場合、IE8以上、あるいはIE9以上へと前進したことでしょう。これにより、レイアウトの手法は大きく変わることになります。 稿では、display: tableの挙動を解説し、あなたのCSSレイアウトテクニックを向上させることを目指します。 IE8はCSS2.1をフルサポートしています。CSS2.1の仕様内には、displayの値にtableがありますが、IE7までは利用することがで

    display: tableの活用 | 第1回 フレキシブルな段組みレイアウト
  • 1