CSS 将图像置于div内部，垂直和水平，不知道图像的大小

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 将图像置于div内部，垂直和水平，不知道图像的大小相关的知识，希望对你有一定的参考价值。

<div> <img src="placeholder.gif" width="70" height="120" /> </div>
<div> <img src="placeholder.gif" width="90" height="80"  /> </div>
<div> <img src="placeholder.gif" width="70" height="120" /> </div>

div {
	float: left;
	text-align: center;
	width: 150px;
	height: 150px;
	margin: 5px;
	border: 1px solid #ccc;
	font-size: 1em;
	line-height: 148px;
	}

div img {
	margin-top: expression(( 150 - this.height ) / 2); 
	}

html>body div img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}
	
Note: some <script> tag, either inline or external (can be a dummy one), is needed to get IE 5.0 on track.

以上是关于CSS 将图像置于div内部，垂直和水平，不知道图像的大小的主要内容，如果未能解决你的问题，请参考以下文章

垂直和水平将 div 居中在另一个内部

仅使用 CSS 和 HTML 垂直和水平居中可变大小的图像放大（在 div 中）

使用 CSS 将图像垂直和水平居中

css3水平垂直居中（不知道宽高同样适用）

css 水平和垂直居中图像/ Div

CSS 使图像/ Div水平和垂直居中