0

したがって、私の Div ID と Classes の論理はかなり間違っているに違いありません。

何が起こっているのですか：

ここに画像の説明を入力

ご覧のとおり、PS を示すブロックがスライダーの中心に整列していません (コンテナー内にあります。

これが私のcssです：

/*Front Page Buttons */

#frontpage-Button-Cont {

    height: 350px;

}

.button-cont {
    width: 175px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    height: 250px;
}

.thumbnail {
    color: #fff;
    font-size: 5em;
    background: #1f4e9b;
    width: 175px;
    height: 135px;
    text-align: center;

}
.pheader {
    color: #DC143C;
    min-width: 175px;
    text-align: center;


}
.paragraph {
    text-align: center;
}

#Align-content {
    margin: 0 auto;
}

そして、ここにhtmlがあります：

<div id="frontpage-Button-Cont">
    <div id="Align-content">
        <div class="button-cont">
            <div class="thumbnail">
                PS
            </div>

            <div class="paragraph">
                <div class="pheader">
                    HEADER
                </div>

                <p>dadaasdasdadadad
            </div>
        </div>

        <div class="button-cont">
            <div class="thumbnail">
                PS
            </div>

            <div class="paragraph">
                <div class="pheader">
                    HEADER
                </div>

                <p>dadaasdasdadadad
            </div>
        </div>

        <div class="button-cont">
            <div class="thumbnail">
                PS
            </div>

            <div class="paragraph">
                <div class="pheader">
                    HEADER
                </div>

                <p>dadaasdasdadadad
            </div>
        </div>

        <div class="button-cont">
            <div class="thumbnail">
                PS
            </div>

            <div class="paragraph">
                <div class="pheader">
                    HEADER
                </div>

                <p>dadaasdasdadadad
            </div>
        </div>
    </div>
</div>

私の理論は、クラスを間違って使用しているということですか?

ありがとう。

4

2 に答える 2

1

これをCSSに追加できます

#frontpage-Button-Cont {
  width:100%;
}

#Align-content {
  display:table;
}

これであなたmargin:o autoは働くことができます

このデモを見るhttp://jsfiddle.net/VGPeW/

于 2013-10-31T15:32:19.123 に答える
0

frontpage-Button-Cont含まれている div (この場合は ) が、その上のスライダーと同じ幅であることを確認する必要があります。text-align:center次に、コンテナにプロパティを追加します。これで問題が解決するはずです。

于 2013-10-31T15:31:24.287 に答える