html - CSSは、div内のサブdivの配置を修正します

Question

CSS スタイルに関する次の問題があります。

入力 (各入力が独自の div に配置) をフォームの中央に配置したいと考えています。

フォームの HTML マークアップ:

http://ideone.com/lWYswC (Web ページには他の div がなく、このコードブロックは私の html ドキュメントの本文にのみあるため、doctype などのないフォームコンテンツを投稿しただけです)。

CSS スタイリング:

html と body はデフォルトで width/height = 100% で定義されています

html, body
{
    width: 100%;
    height: 100%;
    ...

Chrome ブラウザーの devtools のスクリーンショット:

ご覧のとおり、入力が div サイズを超えています。理由はわかりません。

また、UI にブートストラップライブラリを使用しています。これもプロジェクトに含まれています。しかし、ブートストラップのソースを見たところ、コントロールに配置プロパティを使用していませんでした。境界線の半径と青色の強調表示のための CSS スタイリングがいくつかあります。

この問題を解決するにはどうすればよいですか?

ありがとう

score 0 · Accepted Answer

0

本当に簡単です：

input { margin: 0 auto; display: block; }

于 2013-06-23T19:05:40.933 に答える

1 に答える 1