レスポンシブWebデザインでテーブルを使う時の小技
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にはメディアクエリを読ませないよ
CSV形式のファイルを読み込み、テーブル（表）で表示 - PHP 逆引きリファレンス
CSV形式のファイルを読み込み、テーブル（表）で表示する方法。 サンプル 読み込むCSV形式ファイルの内容 読み込むファイル「sample.csv」の内容。 <?php $file = "sample.csv"; if ( ( $handle = fopen ( $file, "r" ) ) !== FALSE ) { echo "<table>\n"; while ( ( $data = fgetcsv ( $handle, 1000, ",", '"' ) ) !== FALSE ) { echo "\t<tr>\n"; for ( $i = 0; $i < count( $data ); $i++ ) { echo "\t\t<td>{$data[$i]}</td>\n"; } echo "\t</tr>\n"; } echo "</table>\n"; fclose ( $hand
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
