Css 在960.gs div中垂直对齐图像?
我使用的是960.gs,希望垂直对齐IMG。我的感觉是 网格_3第一部分内的IMG不知道网格的高度 行的其余部分(网格_6后缀_3的div)。图像拥抱顶部 一些限制:我可能不知道图像的高度。我可能不知道答案 右侧DIV中内容的高度 如果不使用javascript,有什么好方法不会破坏960.gs? 这就是我使用嵌套容器的地方,这样我就可以垂直居中放置一个容器了吗 IMG?我尝试过css规则: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.
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。你可以尝试一些类似的方法,看看效果如何。