Question

我正在尝试垂直对齐两个箭头，一个右箭头（id="freccia-destra"），一个左箭头（id="freccia-sinistra"）和一个包含2张照片的div（id="div_galleria"）。

这3个元素位于id =“div_3”;

中

如何垂直对齐它们？

这是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>

Answer 1

＆＃13;

#div_3{
    
display: inline;
    
}

.r {
    
    display: inherit;
    vertical-align: middle;
    
}

＆＃13;

<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>

＆＃13;

如果您的显示内联或内嵌块

，请使用垂直对齐中心

垂直对齐2个图像加上另一个div内的div

1 个答案: