0

ここに画像の説明を入力

私はheroku（主にjavascript）で調査Webアプリケーションを作成しようとしていますが、これらのラジオボタンの中心から外れたテキストはかなり面倒です。中央に寄せて少し横にスライドさせる簡単な方法は何ですか? 現在、書式設定はすべて CSS で行われています。現在、これらのラジオ入力をどのようにフォーマットしているかはそのままです....

.radio-input{
    background: #D4E7ED;
    padding:20px 10px;
}
4

2 に答える 2

1

Coder が概説したのと同様のアプローチを使用して作成した例を次に示します。指定した背景色が含まれ、ラジオ ボタンとテキストが div でラップされます。私にとってはかなりうまく動作しているように見えました：

CSS:

.radio-input {
    padding-top:20px;
    vertical-align:top;
}
.radio-input-text {
    vertical-align:bottom;
}
.background {
    background: #D4E7ED;
    width:300px;
}

HTML:

<div class="background">
    <div class="radio-input">
        <input type="radio" value="Great" id="Great" /><span class="radio-input-text">Great</span>
    </div>
    <div class="radio-input">
        <input type="radio" value="Okay" id="Okay" /><span class="radio-input">Okay</span>
    </div>
    <div class="radio-input">
        <input type="radio" value="Very Bad" id="VeryBad" /><span class="radio-input">Very Bad</span>
    </div>
</div>

デモ

于 2013-04-18T18:36:08.167 に答える