css

スポンサーリンク
css

【コピペ可】HTMLボックス要素内でテキストを縦横真ん中にする方法- flex版

HTMLコーディング時に縦横真ん中にコンテンツ要素を持ってきたい場合の開発メモです。 早速。 CSS記述方法 .container { display: flex; justify-content: center; ...
開発日記

Googleマップをレスポンシブでサイトに組み込むHTML【コピペ専用】

こんにちわ。 イチハチです。 Googleマップをレスポンシブで自社サイトに組み込む方法のコピペ専用ページです。 慣れれば1分で出来る内容です。 手順1 HTMLとCSSをコピペして貼り付け 早速手順に進めたいと思います。 ...
開発日記

【時短・コピペ可】CSSだけでスマホ時に横スクロールにする方法

こんにちわ。イチハチです。 レスポンシブ等で、ブラウザの幅が狭くなった際に、テーブルも同じく狭くなるのですが、テーブルのバランスが悪くなる時がありますよね。 横に長いままのテーブルに保ったまま、スマートホン表示の際に横スクロールを表...
開発日記

【コピペ可】覚えられないCSSのメディアクエリの書き方まとめ

最近は、WEB制作を行うときに、レスポンシブを対応しない事がすっかりなくなりましたね。 レスポンシブに対応するのもテキパキとスピーディーにこなせるのですが、しかし私は本当に覚えがわるいため、メディアクエリの書き方を覚える事ができません...
開発日記

【コピペ可】HTMLボックス要素内でテキストを縦横真ん中にする方法(複数行)

HTMLコーディングをしていて、横並びのリストを作ったとします。 そのときに、レスポンシブで横幅を狭くした際に、あるリスト項目のみが複数行になってしまい、リストの縦幅にズレが生じて困ったことはありませんか? その解決策のメモをこちら...
スポンサーリンク