http://haywardconstruction.co.uk/newsubcontractor/にアクセスした場合はフォームがあり、「メール」入力フィールドまでスクロールすると問題が発生します。何らかの理由で「メール」フィールドが右側に移動していて、他のフィールドのように見えるようにする必要があります。私はフィールドCSSと他のフィールドとを比較しており、同じです。だから私はなぜこのフィールドが右にシフトされているのか分かりません。CSS入力が右に移動しました
ジェイはここにいます。メール入力ボックスが中央に配置される原因は他にありません。 .inputput_containerでCSSの空白属性を "nowrap"または "normal"に変更すると、修正されます。 CSSから：
body .gform_wrapper .top_label div.ginput_container {
white-space: nowrap;
}
入力ボックスの前に空白がたくさんあります。この空白を削除するだけで、正しく整列されます。これは、
display: inline-block;
が空白を考慮しているために発生します。
前の空白文字のレンダリングを引き起こしているのは 'display'属性ではなく、' pre'の値を持つ 'white-space' CSS属性です。それにもかかわらず、それは問題を引き起こしている前の空白です。 – Forty3
あなたはタグ<pre class="language-html"><code>によって引き起こさwhitespace: pre;を持っています。これらのタグとそれらの閉鎖パートナーも削除してください：</pre></code>あなたのHTMLから、あなたはいいですね。
これらのタグの意図はどういうわけかわかりませんが、私はそれがいくつかのコピーアンドペーストの遺産であると仮定しています。
コードブロックにHTMLコードとCSSコードを入力して、問題を詳しく検討してください。 –
問題のフィールドに 'float：left'を適用するだけです。ちょうど**なぜ問題があるのかについては、私は正直言って言うことができません。 –
問題は、 'input'の前に空白がたくさんあることです。あなたの入力が使用している 'inline-block'を使うと、空白が考慮されます。 – APAD1