ブログの記事下にtable要素でプロフィールを作りました。パソコンでの表示は良いのですが、スマホで表示させると崩れて表示されています。スマホの場合だけ2つの要素(<td>)を上下に表示させたいです。
ネットで検索したところCSSに
CSS
1display: inline-block; 2```と記述すれば良い、との見解が多かったのですが、それではうまくできませんでした。 3 4現在、table要素のCSSはこのようになっています▼ 5```CSS 6table {border-collapse: separate; border-spacing: 0; margin: 1em 0 2em 0;} 7caption, th, td {font-weight: normal; text-align: left;}
試してうまくいかなかったCSSコードは以下です▼
CSS
1table {border-collapse: separate; border-spacing: 0; margin: 1em 0 2em 0;} 2caption, th, td {font-weight: normal; text-align: left; display: inline-block;}
参考までにページURLを記載します▼
http://seekerbase.blog/slik-sprint-mini-ii
どんな情報が必要かわからないので、必要な情報があれば教えていただきたいです。
宜しくお願いします。
回答3件
あなたの回答
tips
プレビュー