0

これはスタイリングに苦労します。ロゴと検索バーを中央に配置し、上下に少しスペースを空けてページを埋めたいだけです。（こちらはNE1UPドットコムで）

これはただの Google 風のページであり、私が望むのはこれだけですが、基本的に Google ページのように、このロゴと検索バーを正しく配置して表示するのに苦労しています。それが視覚的に最良の選択肢であるかどうかはわかりませんが、今私が視覚化できるのはそれだけであり、何が間違っているのかを理解したいだけです.

助けてくれてありがとう！

これは index.htm のコードです

<div class="row">

            <div class="span12">
            <img src="soos.png" width="208px" height="72px">
            <div class="span2">
            </div>
            <div class="span8">

               <form action="search.php" method="get"> 


<input id="name" style="width:90%;height:50px;margin-top:0px" type="text" name="q" class="input-xxlarge" id="q" placeholder="Enter Search Term Here"/>

探す

main.css のコード:

.span8 input {display: block; margin-left: auto; margin-right: auto;}

.span8 ボタン {margin-left:4.8%}

4

3 に答える 3

-1

次のスタイルを CSS に追加できます。

.span12 {text-align: center;}

.span12 img {margin: 20px 0;}

フィドル

于 2013-04-19T05:16:26.397 に答える
-1

中央に配置したい要素に display:inline が適用されている場合は、マージンの中央揃えを使用できます。これを中央に配置する要素に適用します。

div.centerthis {
    display:inline;
    margin-left:auto;
    margin-right:auto;
}

これは、この要素の親に、子を中央に配置するための十分なスペースがあることを前提としています。親は display:block; に設定する必要があります。および/または width:100% または同様のものを使用して、子を中央に配置するためのスペースを確保します。

JSfiddle や Codepen で作業できるものがあると便利です。

于 2015-03-23T16:03:30.930 に答える