0

しばらくの間、divタグなどの囲んでいる要素の幅を使用し、inputやtextareaなどのすべてのフォーム要素に％widthを適用することで、フォームなどに入力要素を配置してきました。

マークアップの例は次のとおりです。

<div class="span4">
    <label>Form Label</label>
    <input type="text" value="My Value"/>
</div>

cssには次のものが含まれます。

form input, form textarea {
    width: 95%;
}

私はもともと、ブロック要素だけでなくフォーム要素にもサイズ情報を追加で指定する必要がないようにする手段としてこれを思いついた。とにかく、このアプローチでは、要素の横にボタンを配置するときなど、この便利さが他のものを壊すシナリオに継続的に遭遇するようです。

私の質問は、他の人が使用しているフォーム要素に直接幅を配置するための良い代替手段があるかどうかです。

4

2 に答える 2

2

属性セレクターを使用できます。

form input[type="text"], form textarea {
    width: 95%;
}

また

form input, form textarea {
    width: 95%;
}
form input[type="button"]{
    width:auto;
}

しかし、あなたはそれを正しい方法で行っていました。CSSはスタイルを定義することを目的としており、幅はスタイルです。

于 2012-08-02T19:14:57.333 に答える
0

レスポンシブデザインフレームワークのいくつかを試してみることを検討しましたか？要素にスケーラブルな味を与えようとするときにすでにパーセントを幅として使用している場合は、たとえばTwitterのブートストラップを試してみてください。（流体および柱スタイルのグリッドを実行する可能性があります）。その後、Webサイトのパーソナライズとコア機能のプログラミングに集中できます。マイナー/基本的なレイアウトの問題について考える必要はありません:)

于 2012-08-02T19:21:02.093 に答える