-
1:ID:nYRWAA · 1週間前

#web <a>タグでボタンを作成した時に、文字を画面横幅に対して中央揃えにしたまま 文字の後ろにアイコンを入れたい場合、どのようにしたら良いでしょうか?
文字数が変わっても、すぐ後ろに付けるような形で。
文字と画像をまとめて text-align:centerにすると、当然ですが画像ごと中央揃えになってしまいます。
初歩的な質問ですみません。
https://imgur.com/xzUpA5a

5 件の回答

2:ID:usi7Ah · 1週間前

aの内側にspanなり入れて、after疑似要素で背景画像かな

3:ID:3GtTG7 · 1週間前

自分ならこうするかな
https://jsbin.com/zudihepuvi/edit?html,css,output

4:ID:3GtTG7 · 1週間前

Re:3
URLがバグってるので、CSSとOUTPUTを有効にしてみてね

5:ID: · 1週間前

お二方、ありがとうございます!!
after擬似要素のやり方は、やはり画像ごとセンターになってしまいました。
3さんの方法で試してみます!

6:ID:usi7Ah · 1週間前

Re:5
afterでやる場合は、spanをrelativeにして、afterはabsoluteで配置すればいけますよ

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る