と水平に2つのdiv要素を合わせます最初のDIVラベルは変更されません。 CSSでこれを行う方法はありますか?私は編集することはできませんことを、私はこのフォームを持っているラベルとCSS
これは、作業(解決)ソリューションです:あなたはそれをフロートすることができますhttps://jsfiddle.net/iuriemalai/cp7kvLrw/32/
と水平に2つのdiv要素を合わせます最初のDIVラベルは変更されません。 CSSでこれを行う方法はありますか?私は編集することはできませんことを、私はこのフォームを持っているラベルとCSS
これは、作業(解決)ソリューションです:あなたはそれをフロートすることができますhttps://jsfiddle.net/iuriemalai/cp7kvLrw/32/
。
.adverts-form-aligned .adverts-control-group > label {
float:left;
width: 30%;
}
.adverts-form input[type="text"] {
width: 60%;
float:left;
}
.adverts-form-aligned .adverts-control-group > label {
display: inline-block;
width: 30%;
}
.adverts-control-group {
float: left;
}
.adverts-form input[type="text"] {
width: 60%;
}
のようにそれを作る。これは私の問題を解決するために助けたCSSコードです:
body .adverts-form.adverts-form-aligned .adverts-field-name-adverts_eventLength {
overflow: initial;
}
.adverts-form.adverts-form-aligned .adverts-control-group.adverts-field-text.adverts-field-name-adverts_eventLength label,
.adverts-form.adverts-form-aligned .adverts-field-name-adverts_eventLength .ui-widget.ui-widget-content {
float: left;
}
body .adverts-form.adverts-form-aligned .adverts-field-name-adverts_eventUnits {
clear: initial;
}
body .adverts-form .adverts-field-name-adverts_eventUnits > label {
display: none;
}
body .adverts-form .adverts-field-name-adverts_eventUnits > #adverts_eventUnits {
width: 112px;
}
あなたはあなたの答えのためのいくつかの説明を与えることはできますか? – mhatch
@ biogenx私の質問ではコードサイズを小さくしようとしましたが、これによっても解決策が得られるはずです。とにかく、私はあなたから非常に良い提案を受けました。どうもありがとうございました!私はより完全なコードで私の質問を更新し、私は自分の答えを公開した。 – Iurie