1

ページにフォームがあり、テキスト ボックス間のスペースを広げようとしています。

あらゆる方法で「パディング」を試しましたが、それらはグループ化されているようで、4 つすべてに影響します。

私が間違っていなければ、これはボックスのフォームの CSS です。

.form-inner
{
    /*background:url('../img/content-bg-top.png') no-repeat left top;*/
    min-height:278px;
    margin:-40px 0 0 0;
    padding:72px 72px 21px 36px;
    position:relative;
    z-index:1;
    font-size:14px;

    -webkit-text-shadow:0 1px 0 rgba(255,255,255,0.4);
    -moz-text-shadow:0 1px 0 rgba(255,255,255,0.4);
    text-shadow:0 1px 0 rgba(255,255,255,0.4);
}

助言がありますか？

4

4 に答える 4

2

padding値は、オブジェクト自体と内部コンテンツの間の距離です。

marginform-inner として分類されるコンテンツ内の各テキスト ボックスにキーを使用する必要があります。

.form-inner input[type=text]
{
    margin: 10px 20px;
}

マージンは、オブジェクト自体とその隣の他のオブジェクトとの間の距離を定義します。

margin: [top] [right] [bottom] [left]

素敵な回路図の例

于 2013-04-06T13:40:07.147 に答える
1

margin-rightクラスにプロパティを追加できますが.form-field、フォームの幅を大きく設定することを忘れないでください。

于 2013-04-06T13:41:02.777 に答える
1

.form-innerあなたのフォームの周りのボックスだと思います。テキスト ボックスの間隔を広げたい場合は、.form-fieldクラスのスタイルを設定する必要があります。

例えば：

.form-field {
    padding-right:10px;
}
于 2013-04-06T13:41:36.457 に答える
1

styl.css から (317 行目) .form-field { ... margin: 0 0 3px }(下マージンのみ...3px)

これらの 4 つの入力ボックスはすべて、.form-fieldクラスのコンテナー内にあります。

1 つの修正:

.form-field { margin:0 10px 3px }
.form-field:first-child { margin-left:0 }

（それはmargin-rightである必要があるかもしれません。右から左のテキストを扱ったことはありません）

于 2013-04-06T13:40:22.477 に答える