ブログ

社員が発信するブログ。

CSS「display: grid;」で画像をグリッドレイアウトで表示する方法

CSS「display: grid;」で画像をグリッドレイアウトで表示する方法

CSS「display: grid;」で画像をグリッドレイアウトで表示する方法をご紹介します。 グリッドレイアウトで表示される画像の完成イメージ 5枚の画像をグリッドレイアウトで表示するページです。 ウィンドウ幅によって何列で表示するかを切り替えます。 サンプルコード 画像を隙間なく配置するために余白をリセットしています。 「grid-template-columns: repeat(x, 1fr);」で列を指定しています。 「grid-column-start」や「grid-row-start」が画像のサイズです。...

Outlookから送られて来たメール、添付ファイルが読めないんだけど…

Outlookから送られて来たメール、添付ファイルが読めないんだけど…

お客様から届いたメールを開いてみると… お客様からは、Word文書とPDF文書を添付したって聞いてたんだけどなあ。 この「winmail.dat」をダブルクリックしても こんな画面が出てアプリで開くことも出来ません。 Winmail.dat ってなに? これは、マイクロソフト社製のメールアプリである「Outlook」が使っている独特なメッセージ形式の影響です。 メールのメッセージ形式が Outlook のインターネット メールのメッセージに与える影響 Microsoft Outlook と Microsoft Exchange...

人気の投稿

最新の投稿

カテゴリー

タグ

アーカイブ