エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
tips! | アイコン画像とテキストを綺麗に揃えて並べる豆CSS
久々にアイコン画像とテキスト並べたので 各ポストの右下、コメント数部分が「アイコン画像+テキスト」... 久々にアイコン画像とテキスト並べたので 各ポストの右下、コメント数部分が「アイコン画像+テキスト」になってます。 多分覚えておいて損はないし、便利なCSSだと思うのでついでに書き留め。 普通にアイコン画像とテキストを並べると↓のように垂直方向が揃わず、微妙なずれが これを綺麗に揃えるためにimg要素にvertical-alignを使います。 値はmiddle、bottom、text-bottomあたりがちょうどよく揃う気がする img { vertical-align: bottom; }今回は値をbottomに設定。 これでアイコン画像とテキストが綺麗に並びました。詳細はこちらをどうぞ 参照:スタイルシート[CSS]/イメージ/画像に並ぶテキストの位置(垂直方向)を指定する - TAG index Webサイト(Source: tagindex.com)
2015/12/07 リンク