IE8から始めるテーブルレイアウト と IE10からのFlexible Box 2012-11-08 テーブルレイアウトと聞くと<table>タグを使い、入れ子で<tr>, <td>タグのオンパレードを連想する人も多いと思いますが、今回の内容はCSSの display display: table; はCSS2.0からある仕様です。 要素をCSSでテーブルのようにあしらうことができるため、多くの利点があります。 display: table; display: table;はIE8以降のtable要素に、デフォルトスタイルシートで定義されているものです。 IE8からサポートされているのでIE7以下を切り捨てれば、今からでも使うことができます。 display: table;以外にも多くの値が存在し、tableを形作る要素に振り分けられています。 以下は、tableに振り分けられているCSS
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
ケンタッキー クリスマス メニュー当社の製錬能力は世界の生産量の約 1.5% である 760,000 トンに増加します.信頼性の高い電力供給とサマラジュという戦略的な立地により
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
iPadを買ったらやってみたかったことのひとつ、iPadでデュアルディスプレイにチャレンジしてみました!この分野にはいくつかのアプリがありますが、私が今回使ったのは「Display Pad」というアプリです。正直あまり期待していなかったのですが、思っていた以上に良い感じでした。 (※2016/10/28 現在は配信されていないようです) アプリ選びデュアルディスプレイのアプリを検討するにあたって参考にしたのがこちらの記事。 参考にしたというか、もう全部試してくれているので@taguchiさんがオススメするがままに「Display Pad」を選択しました。ありがたやー、 DisplayPad利用方法アプリを起動すると、このように利用までの手順が表示されます。 単純なので英語がよくわからなくても大丈夫。 まずはこちらのサイトに行ってMac用のアプリケーションをダウンロードしましょう。画面下の「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く