2014-02-06 188 views
0

我有一个水平图像“画廊”,其中我设置高度到100%的问题由于尺寸不同,没有设置图片的宽度高度百分比图像

我的问题是,父元素不会减少,他仍然是图像的原始宽度。尝试调整窗口高度以显示问题。红色是父母。

我需要这个:父图像将有70%的高度,并将垂直居中,图像将其高度设置为100%,并将根据分辨率自动更改宽度。

它怎么看 - >http://prntscr.com/2qkoj8

必须在CSS中得到解决。

我的问题可以在http://helpimage.honzabittner.cz/

可以看出感谢您的帮助,我的英语很抱歉...... :)

+0

你对此值的d你会容器'保证金right'这就是为什么你看到所有的空间..删除一些值见 – DaniP

+1

你应该把你的问题**任何**你迄今尝试过的。您可以提供的任何信息都会鼓励其他用户为您提供帮助。 – nKn

回答

1

更新

,你可以尝试像

<div id="project-eagle" class="project"> 
    <img src="project/eagle/01.jpg" alt=""> 
    <div class="what">....</div> 
</div> 

组项目的东西显示嵌入式

现在这个摆脱其中容器不能正确调整问题但它不会垂直居中您的内容。你将不得不做的东西,但是这是接近我可以毫不JS得到

+0

它不工作。再看一遍,我添加了内容。 – HoBi

+0

你是什么意思它不工作,你仍然有它的inline-block的,而不是内联的P-一个 – Huangism

+0

尝试在Chrome中添加内嵌式地显示,它不工作... :( – HoBi

0

是,尽量去除保证金权:14px的;类项目对一个

+0

它没有帮助 – HoBi