0

表示がテーブルセルである div で動作するように垂直方向に揃えようとしています。

html/cssについては、 http://jsfiddle.net/midnitesonnet/Rwahk/を参照してください。

表示を下に垂直に揃えることができないようです。どんな助けでも大歓迎です。

ありがとう。

4

5 に答える 5

1

問題を作成するdisplay:table-cell＆を定義します。.titleDIVposition:absoluteを削除するだけです。height

#whats_available .title {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
    text-align: center !important;
    width: 100%;
    color: #fff;
}

これをチェックしてくださいhttp://jsfiddle.net/Rwahk/5/

于 2012-05-23T10:09:21.410 に答える
1

http://jsfiddle.net/Rwahk/7/は思い通りに動作します...

行われた変更は、 に追加display: table;し、#whats_available > divに変更する.titleことでした。position: relative;

于 2012-05-23T10:10:11.553 に答える
0

純粋なHTMLでディメンション属性を使用しないでください（唯一の例外は画像である可能性がありますが、それでも悪い考えです）。

于 2012-05-23T10:07:49.320 に答える
0

内側の div の高さを 100% ではなく 30px などに変更する必要があります http://jsfiddle.net/Rwahk/4/

于 2012-05-23T10:05:29.640 に答える
0

私はこの小さな jQuery 関数を作成しました。これは、あなたや他の読者に役立つかもしれません。

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
    return this;
}

使用する：

$(selector).center();

楽しんで素晴らしい一日をお過ごしください:)

于 2012-05-23T10:09:52.510 に答える