0

3つのdiv（type、desc、lang）のコンテンツを垂直方向に揃えたいのですが。vertical-align：middleを試しましたが、成功しませんでした。このリンクhttp://jsfiddle.net/Grek/Twru8/を見ると、写真がdivの上部に配置されているように見えることがわかります。どうした？ありがとう

CSS

.medias-table-content-type, .medias-table-content-desc, .medias-table-content-lang {
    padding:10px 15px 10px 15px;
    background: #fff;
    text-align:center;
    vertical-align: middle;
    color: #000;
    width: 50px;
    float: left;
    position: relative;
}
4

2 に答える 2

0

ボックス内のコンテンツを中央に配置する場合。ボックスline-heightの高さと同じ値を指定します。したがって、あなたの例では、ボックスは60pxでline-heightあり、ボックスの作成も60pxです。ただし、画像の他のすべてのパディングとマージンを削除する必要があります。

于 2012-08-18T09:53:56.913 に答える
0

vertical-align（注：大文字と小文字を区別）は、次の要素にのみ適用されます。

COL, CUSTOM, IMG, SPAN, TBODY, TD, TFOOT, TH, THEAD, TR

そのため、CSSに追加して表示を（つまり要素）に変更しない限りvertical-align、スタイルは適用されません。要素を強制的に表示するため、styleも使用しないでください。DIVtable-cellTDdisplay:table-cell;floatinline-block

したがって、関連するCSSは次のようになります。

.medias-table-content-type, .medias-table-content-desc, .medias-table-content-lang {
    padding:10px 15px 10px 15px;
    background: #fff;
    text-align:center;
    vertical-align: middle;
    color: #000;
    width: 50px;
    /*deleted
    float: left;
    */
    position: relative;
    /*added*/
    display:table-cell;
}
于 2012-08-20T07:51:32.227 に答える