前提・実現したいこと
<table>のレスポンシブ対応で、 下記の様に表示させることは可能でしょうか? (枠線や背景色は実際のソースにはありません。)※<table>でこの表示が不可能な場合、別のタグなどで解決できる
方法はありますでしょうか?
該当のソースコード
<!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> Title </title> </head> <body> <table> <tr> <td>TOP</td> <td>その1</td> <td>その2</td> <td>その3</td> <td>その4</td> </tr> <tr> <td></td> <td>1-1</td> <td>2-1</td> <td>3-1</td> <td>4-1</td> </tr> <tr> <td></td> <td>1-2</td> <td>2-2</td> <td>3-2</td> <td>文字列2</td> </tr> <tr> <td></td> <td></td> <td>2-3</td> <td>3-3</td> <td></td> </tr> <tr> <td></td> <td>文字列1</td> <td>2-4</td> <td>3-4</td> <td></td> </tr> </table> </body> </html>
試したこと
block要素にしての並び替えなど試しましたが、
思ったような順番になりませんでした。
回答3件
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2019/04/19 11:33