画像の高さを固定し横幅だけ伸縮する方法
object-fit: cover; 高さ固定、横幅だけ伸縮 画像の高さを固定して、伸縮させると、画像が縦に潰れてしまいます。 「object-fit」プロパティを使って、潰れることなくきれいに表示させましょう。 img { width: …
【CSS】文字に下線を引く
怠け者ブロガー「セクションタイトルの文字の下に、文字幅だけに線を引きたい。文字幅を超えて、長い線になってしまう。どうしたらいい？」 html <h2 class="section__title">Menu</h2> …
iPhone・Macで、単語登録して、単語を呼び出す方法
Twitterで、メンションしたいときに、困ってました。TwitterIDを覚えていられないし、すぐには相手のページに飛ぶこともできなくて。 解決方法を見つけました。 ユーザー辞書に、Twitterネームと一緒に、IDを登録しておけば、すぐ…
Flexbox使い方のまとめ
Flexboxの基本的な書き方 htmlコードを書くときに使いたい【flexbox】の書き方の覚書です。 flex-direction 子要素を並べる flex-wrap 子要素を折り返し flex-flow flex-directi…