前回の記事をUPした際に、試していなかったことがありました。 それは、大きな表を入れてみること。 今回もブログテーマ「Innocent 」で試してみます。 レスポンシブデザインは使っていません。 スマホ用は標準のものです。 前回のCSSを設定してくださった方。 大変申し訳ありませんm(__)m 大きな表を入れる可能性のある方は、変更をお願いします。 目次 デザインを確認・変更していく 試行錯誤編 大きな表を入れてみる セル側にも幅を設定したらいいのか? 文字を折り返さないようにしてみよう。 PC用もスクロールできるようにしてみよう 文が長いところは改行する CSS 完成編 スクロールを出来るようにするCSS #○○ スマホ版 表のCSS 出来上がり はてな記法 スクロールなし スクロールあり HTML デザインを確認・変更していく 試行錯誤編 前回紹介したCSS /* 表 */ table
![はてなブログで表を載せる方法(デザイン編) - 雪ん子’s report](https://cdn-ak-scissors.b.st-hatena.com/image/square/4766c9cfa0cc3bb85195687a25f40d1fd9cf1397/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsnow0303%2F20170828%2F20170828123659.jpg)