CSSを使用して異なるスパンを持つ表セルのテキスト入力コントロールを調整する

Question

私はかなり基本的な質問があります。

私は現在のページ幅（e.i.私はすべてのサイズの相対単位を使用する必要があります）にサイズを変更するHTMLとCSSを使用してフォームを設計しています。フォームは、幅が異なるいくつかのテキストフィールドで構成されており、クライアントは特定の方法で配列されていることを望んでいます（たとえば、ZIP、都市および国が異なるサイズの割合で1行の3つの異なるフィールドになるなど）。

入力フィールドとキャプションを正しくレイアウトするには、列のスパンの異なるセルを使用して表に挿入します。 TD内のコントロールをfloat:leftに揃えて、コントロールをセル全体に占めるようにするには、相対幅（width:90%など）を使用します。

私が直面している問題は、コントロールが左に揃えられていて、異なる桁のセルが右端にぎざぎざのように見えるということです。つまり、セルの幅と幅が少し異なります。サイズはセルの幅に比例しますが、これは異なるcolspan（図参照）によって異なる場合があります。

は、どのように私は私のコントロールが両側に並ん見えるようにすることができますか？

P .:私はHTMLとCSSに関するいくつかの知識を持つWeb開発者ですが、私は全くデザイナーではありません。したがって、この質問はデザイナーのための完全に基本的なものかもしれませんが、合理的なキーワードの組み合わせでもっともらしい答えを見つけることができませんでした。それが一般的な話題（私が思う）のようなものであれば、答えを見つけるために私の質問を定式化する方法を手がかりにしてください。

Answer 1

私はあなたのコードなしで話すことができませんが、あなたはあなたが得ていると思う入力フィールドの異なるフォントサイジングを使用しているようです。 picに表示されている3つの要素のcssとhtmlを貼り付けることはできますか？