ボタンの幅を文字数で可変にするCSS

CSSで作成したボタンの幅がpx指定だったりすると文字数によってははみ出てしまいます。

width:100%

にすると親要素の幅いっぱいに広がってしまいます。

今回は、

width: fit-content;

で指定して、文字数に合わせてボタンの幅が決まるようにしました。

親要素に

text-align:center

を指定して中央表示にしています。