4

全幅のログインフォームを取得しようとしています。基本的に、ユーザー名、パスワード、ボタンの入力フィールドはすべて同じ長さである必要があります。これで、スパンを使用してこれを簡単に取得できます。問題は、ユーザー名とパスワードの前にアイコンが「追加」されている場合、入力フィールドがスパンを超えて伸びている場合(入力に入力ブロックレベルを適用した場合)、ボタンのスパンです。外側のスパンが短くなるだけです(btn-blockを試してみた場合)。含まれているスパン幅まですべての要素を伸ばすにはどうすればよいですか?

これが私のフィドルです。

http://jsfiddle.net/sujesharukil/EP83X/21/

4

1 に答える 1

5

display: table と display: table-cell を使用して入力を取得し、スパンの残りのスペースを正しく埋めるか、流動的な幅を使用できます。最初のアプローチのフィドルは次のとおりです。

http://jsfiddle.net/EP83X/22/

または、固定アイコン幅 (28px) とスパンの幅 ((300-28) / 300 * 100) に基づいて、入力で width: 90.666% を使用します。

于 2012-10-16T03:50:07.047 に答える