Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在960.gs div中垂直对齐图像?_Css_Image_Vertical Alignment_960.gs - Fatal编程技术网

Css 在960.gs div中垂直对齐图像?

Css 在960.gs div中垂直对齐图像?,css,image,vertical-alignment,960.gs,Css,Image,Vertical Alignment,960.gs,我使用的是960.gs,希望垂直对齐IMG。我的感觉是 网格_3第一部分内的IMG不知道网格的高度 行的其余部分(网格_6后缀_3的div)。图像拥抱顶部 一些限制:我可能不知道图像的高度。我可能不知道答案 右侧DIV中内容的高度 如果不使用javascript,有什么好方法不会破坏960.gs? 这就是我使用嵌套容器的地方,这样我就可以垂直居中放置一个容器了吗 IMG?我尝试过css规则: img { vertical-align: middle; } 显然还有更多 Snippet.

我使用的是960.gs,希望垂直对齐IMG。我的感觉是 网格_3第一部分内的IMG不知道网格的高度 行的其余部分(网格_6后缀_3的div)。图像拥抱顶部

一些限制:我可能不知道图像的高度。我可能不知道答案 右侧DIV中内容的高度

如果不使用javascript,有什么好方法不会破坏960.gs? 这就是我使用嵌套容器的地方,这样我就可以垂直居中放置一个容器了吗 IMG?我尝试过css规则:

img {
    vertical-align: middle;
}
显然还有更多

Snippet...

    <div class="container_12">
            <div class="grid_3">
                    <img src="images/dlsmug5.png">
            </div>

            <div class="grid_6 suffix_3">
    <h1>My Title - etc...</h1>
    <p>
               Heya, revamp time!  It may not be obvious, but...,
               I am coming up to speed with the CSS framework
               of <a href="http://960.gs">The 960 Grid System</a> ..
    </p>
            </div>

            <div class="clear"></div>
代码片段。。。
我的头衔-等等。。。

呵呵,改版时间到了!这可能不明显,但。。。,
我正在学习CSS框架
属于


您可以通过垂直对齐为div a表单元格行为指定:

.grid_3 {
    display: table-cell;
    vertical-align: middle;
}

您可以使用垂直对齐方式为div a表格单元格指定行为:

.grid_3 {
    display: table-cell;
    vertical-align: middle;
}

AFAIK使用CSS垂直对齐图像非常重要。但是,它独立于960gs。您可以尝试一些类似的方法,看看效果如何。AFAIK使用CSS垂直对齐图像是非常重要的。但是,它独立于960gs。你可以尝试一些类似的方法,看看效果如何。