デフォルトではプルダウン形式で表示されます。select要素の「size」属性で表示したい行数を指定します。<option>オプション4</option></select>size属性を指定した上のHTMLは次のようにリスト(一覧)形式で表示されます。下のようにスクロールできます。autoを指定しても機能しません。フレックスボックスの機能を使うと簡単に実現できます。記事を読むテーブルのレスポンシブ対応:スマホでセルを縦表示にする方法レスポンシブデザインのWebサイトを作成する場合、スマホでテーブルのレイアウトをどうするかが問題となります。PCと同じようにそのまま表示すると、テーブルが横にはみ出してしまいます。ここではセルを縦に表示してスマホでもデータを見やすくする方法を紹介します。使うアイコンってある程度限られていますよね。そこで、使用頻度の高そうなフォントアイコンや、他のWebサイトでよく見かけるアイコンフォントの一覧を作成しました。