-
1:ID:nYRWAA · 2020-11-10

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

5 件の回答

2:ID:usi7Ah · 2020-11-10

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

3:ID:3GtTG7 · 2020-11-11

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

4:ID:3GtTG7 · 2020-11-11

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

5:ID: · 2020-11-15

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

6:ID:usi7Ah · 2020-11-16

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

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

一緒に読まれている質問

ページ上部に戻る