html – 显示内联块和图像

概述我是设计新手,所以有一些问题…… 我需要3个块来内联和居中,所以我尝试了： #main .block{ display: inline-block; border: 1px solid #ECEDE8; margin: 10px 10px; overflow: hidden; height: 265px; width: 265px;} 但是,当我将 我是设计新手,所以有一些问题……

我需要3个块来内联和居中,所以我尝试了：

#main .block{    display: inline-block;    border: 1px solID #ECEDE8;    margin: 10px 10px;    overflow: hIDden;    height: 265px;    wIDth: 265px;}

但是,当我将图像添加到块中时,所有其他图像都会下降.

附：

正如我所看到的,这个问题出现在safari中,在firefox中一切正常.

P.S.S

<div ID="main"><div >main<img src="style/images/try.png"></div><div >main</div><div >main</div><div >main</div><div >main</div><div >main</div></div>

P.S.S.S

我可以想象谷歌,所有问题都在显示：内联块,在safari工程显示：内联表.可能是什么解决方案？

解决方法 您需要设置垂直对齐属性.在这种情况下,最佳选择可能是：

vertical-align: top

所以你的CSS应该是：

#main .block{    display: inline-block;    border: 1px solID #ECEDE8;    margin: 10px 10px;    overflow: hIDden;    height: 265px;    wIDth: 265px;    vertical-align: top;}

总结

以上是内存溢出为你收集整理的html – 显示内联块和图像全部内容，希望文章能够帮你解决html – 显示内联块和图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。