コンタクトフォーム7のすべてのフィールドを同じ高さにするにはどうすればよいですか？

-1

私の2つの個人用ウェブサイトで同じように連絡フォームを作成したいのですが、同じ連絡フォームをfirst siteからコピーしてsecond siteに貼り付けますが、連絡フォームはちょっと壊れています。両方のサイトでフィールドの高さを同じにする方法は？コンタクトフォーム7のすべてのフィールドを同じ高さにするにはどうすればよいですか？

出典

2017-02-19 Dora

あなたのフォームは、両方のページに文字通り同じです。質問を更新して、関連するすべてのコードを[最小限の、完全で検証可能な例で]表示してください（http://stackoverflow.com/help/mcve）。また、あなたの問題を解決するためにこれまでに試したことをお知らせください。詳細については、良い質問をする方法について[ヘルプ記事]（http://stackoverflow.com/help/how-to-ask）を参照してください。 –

たとえば、このCSSを追加しました： 'body .twenty-fifteen-pattern p { padding-bottom：10px; } ' を入力し、フィールド間にスペースを追加します。どのように最初のサイトのような同じ高さをカスタマイズするには？ – Dora

formにはdisplay: flexを使用できます。あなたが望むものを達成するために遊ぶべき他のプロパティがたくさんあります。親の場合はjustify-content: centerとflex-wrap: wrap、子供の場合はflex: 1です。その広いブラウザのサポートにより

、私はCSSフレキシボックスについては、この可視化の記事を見てみるために、あなたをお勧めしたい：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

出典

2017-02-19 23:29:40 Sonny

コンタクトフォーム7のすべてのフィールドを同じ高さにするにはどうすればよいですか？

答えて

関連する問題