凍結
0 Anonymous iPhone
小説の名前変換機能で変換ボタンを好きな長さにしたいのですが、どうすればいいのでしょうか?
ボタンの文字を『変換』や『◎』にすると、その文字数に合わせて短くなるので困っています。
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を最小とし、これよりも小さくならないようにする」ことができる指定方法です。
“要素が小さくなりすぎるのを防ぎたいとき”に向いています。
07/23 14:10
返信