1

誰かがこのjsFiddleの動作に光を当てることができますか? http://jsfiddle.net/zZgmn/1/

私がやりたいのは、input[type=text]ボックスを特定の幅にすることです。ただし、flex-direction が行に設定されていると、入力ボックスはサイズの変更を拒否します。

ただし、flex-direction を column に設定すると、テキスト ボックスが指定された幅に変更されることがわかりますか?

幅を取り除けば、可能であればテキスト ボックスがコンテンツを埋めるために曲がるべきだと思いますが、そうではありません。

何かが足りないようです。

私は多くのバリエーションを試しましたが、幅を設定するために機能するはずだと理解しているものは です-webkit-flex:0 0 32px;しかし、これには何の関係もないようです。

編集

この画像は、レンダリングされた入力ボックスを示しています。5px幅ではありません。 入力オーバーフロー

この画像は、入力ボックスが収まる親のレンダリングされたフレックス領域を示しています。 親の幅

4

1 に答える 1

6

とった!

したがって、入力ボックスにサイズを追加する必要があります。<input type="text" size="2" />

うまくいけば、これは誰かを助けます。

于 2013-07-03T17:55:57.833 に答える