[英]vertical align of 2 images plus a div inside another div
I'm trying to align vertically two arrows, one right arrow ( id="freccia-destra"
), one left arrow ( id="freccia-sinistra"
) and a div containing 2 photos ( id="div_galleria"
). 我试图垂直对齐两个箭头,一个向右箭头(
id="freccia-destra"
),一个向左箭头( id="freccia-sinistra"
)和一个div,其中包含2张照片( id="div_galleria"
)。
These 3 elements are inside id="div_3"; 这3个元素位于id =“ div_3”内部;
How can I vertically align them? 如何垂直对齐它们?
Here's is the CSS + Html code: 这是CSS + HTML代码:
#div_3{ display: inline; } .r { display: inherit; }
<div id="div_3" width="100%" height="830" align="center"> <img class="r" id='freccia_sinistra' src="freccia_sinistra.png" height="100px" onclick="sinistra()"> <div class="r" id='div_galleria' width="95%" height="800" align="center"></div> <img class="r" id='freccia_destra' src="freccia_destra.png" height="100px" onclick="destra()"> </div>
#div_3{ display: inline; } .r { display: inherit; vertical-align: middle; }
<div id="div_3" width="100%" height="830" align="center"> <img class="r" id='freccia_sinistra' src="http://placekitten.com/g/50/100" height="100px" onclick="sinistra()"> <div class="r" id='div_galleria' width="95%" height="800" align="center"> <img class="r" id='' src="http://placekitten.com/g/50/100" height="200px" onclick="sinistra()"> <img class="r" id='' src="http://placekitten.com/g/50/100" height="300px" onclick="sinistra()"> </div> <img class="r" id='freccia_destra' src="http://placekitten.com/g/50/100" height="100px" onclick="destra()"> </div>
use vertical align center if your display is inline or inline-block 如果您的显示器是内嵌或内嵌块,请使用垂直对齐中心
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.