写真/画像をサムネイル一覧するHTMLサンプルを作成。「サムネイル一覧のブロック全体はページ内で左右中央揃えし、ブロック内の複数画像は左寄せする。」というのをCSSだけで実現したかったが、ブロック内の右側に余分な余白が付いてしまうのを解除する方法が見つからず。(【2017/4/11追記】CSSのみで実現する方法が分かった。http://2ndart.hatenablog.com/entry/2017/04/11/193206)Yahoo!知恵袋で質問して、oishii_mahouさんからJavaScriptで実現する方法を教えてもらって解決。方法としては、ブロック内の横一列に並ぶ画像の数に合わせてブロックの横幅を調整し、余分の余白が出来ないようにする。画像サムネイル一覧のブロック全体をページ内で左右中央揃えしたい。画像サムネイルHTMLサンプルページは以下。ブロック内の各画像はそれぞれ正方形ボックス内で上下左右中央揃えしている。≪画像サムネイル・サンプル≫https://ok2nd.sakura.ne.jp/home/thumbnail-sample.html≪8cm×12cmの小さなアート≫にも適用。Queriesを使う方法に変更。)https://ok2nd.sakura.ne.jp/art/以下関係部分のHTML+CSS+JavaScript。14:37広告を非表示にする関連記事2020-01-02CSS)ブラウザで縦書き表示&印刷。ChromeでなくFirefoxで印刷がおすすめ。HTML、CSSで縦書き表示するWebページを作成。任意の文章に、以...2019-07-19HTML、CSSで背景画像を並べる&透過風に白っぽくする。昨日、GIMPで同じ画像(写真)を継ぎ目なくきれいに壁紙状に並...2019-02-17影付き枠+ビネット効果付き写真サムネイルアルバムにポップアップ拡大画像を追加。影付き枠+ビネット効果を使った写真のWebサムネイルアル...2019-02-16CSS)影付き枠+ビネット効果を使った写真のサムネイルアルバムをつくってみた。CSSを使って、写真に影付き枠とビネット効果を付けてみた...2018-12-01自分で撮った写真で卓上型カレンダーをつくってみた。先日、自分で撮った写真で2019年カレンダーをつくってみた。らかい油性色鉛筆が好きなら、プリズマカラーがおすすめ。めぐりシンプルなHTMLカレンダー。PHPコードサンプル。マップ」をGoogleマップのマイプレイスで作成。影付き枠+ビネット効果を使った写真のサムネイルアルバムのポップアップ拡大画像にビネット効果。(1)月別アーカイブはてなブログをはじめよう!art2ndさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。