ALICE+サポート ユーザー助け合い掲示板 TOPページ ユーザー助け合い掲示板 名前変換のボタン 編集 キャンセル 削除 アク禁 アク禁解除 キャンセル 凍結 0 Anonymous iPhone 小説の名前変換機能で変換ボタンを好きな長さにしたいのですが、どうすればいいのでしょうか? ボタンの文字を『変換』や『◎』にすると、その文字数に合わせて短くなるので困っています。 1 07/20 18:02 返信 コメント投稿 検索 1 しち SOV40 >>0 スタイルシートで幅を指定できます。 幅を指定するための記述は以下です。 input[type="submit"]{ min-width:5em; } ↑上記を【HEAD編集】の<style>タグ内か、【CSSファイル編集】に入れると、変換フォームのボタン幅が指定できます。 『5em』部分をお好みで書き換えてお使いください。 *※ どこに書き入れるか分からなかったら ※* とりあえず【CSSファイル編集】に入れてみてください。 *※ サイズの単位 ※* 『 em 』や『 px 』を使うとよいかと(パソコン・タブレットからの閲覧を考慮しなくてよいなら、『 % 』も問題ないと思います)。 なお、上記例の『5em』は、『だいたい5文字分くらいの幅』です。 (1em=文字の“高さ”。フォントサイズが14pxだったら、 『5em = 14px〔文字の高さ〕 × 5 = 70px』) ※1文字の幅はフォント・文字によってばらばらだったり、字と字の間に隙間が入ったりする場合もあるので、1em=1文字分の横幅というわけではないです。 *※ 横幅を指定するための書き方、補足 ※* 横幅を指定する書き方でおそらく一番一般的なのは、 『 width:○○px; 』 です。もちろん、これだけでもボタン幅は指定できます。 ただこの書き方には欠点もあります。 一言で言うと、融通がきかない。↑で指定したボタン横幅よりもテキスト幅が大きかったら、ボタンからはみ出した分の文字が途切れて消えたりします。 一方、上記例の 『 min-width:○○px; 』 は何かというと、「横幅の最小値」を指定するものです。 言い換えると、「幅は○○pxを最小とし、これよりも小さくならないようにする」ことができる指定方法です。 “要素が小さくなりすぎるのを防ぎたいとき”に向いています。 1 07/23 14:10 返信 1ページ中1ページ目 1970 view 残り書き込み 9998 件 人気スレ 中央寄せができません 2023年09月15日 14時44分 14 拍手のお礼について 2021年10月31日 11時05分 11 ブログ村について教えて下さい 2022年10月01日 09時18分 6 ルビなどのタグ内にfont-familyが効かない 2023年09月19日 13時13分 6 関連スレ 拍手ボタンの文字色を変えたい 2025年03月15日 08時00分 1 ユーザー助け合い掲示板 名前変換決定ボタンの背景色変更 2024年09月04日 02時10分 1 ユーザー助け合い掲示板 拍手ボタンの遷移先について 2024年05月31日 15時36分 2 ユーザー助け合い掲示板 送信ボタンが急に真っ白に 2023年12月25日 03時43分 5 タグ・デザイン掲示板 input submit パスワード送信ボタンの文字色変更 2022年09月29日 18時31分 1 ユーザー助け合い掲示板 掲示板TOPへ サイトTOPへ ALICE+サポート