我想要 iframe 左侧的菜单

Question

屏幕截图

不知道我怎么能把链接菜单放在iframe的左侧

我想要 iframe 左侧的菜单

iframe 是库幻灯片放映

<div class="btn-group">

<button target="iframe" onclick="iframe.location.href='vrijwerk/demo/basic.htm';">Vrijwerk</button>

<button target="iframe" onclick="iframe.location.href='hoeden/demo/basic.htm';">Hoeden</button>

<button target="iframe" onclick="iframe.location.href='vrijwerk/demo/basic.htm';">Vrijwerk</button>
</div>
<div >
<iframe class="iframe" name="iframe" align="right" height="800" width="90%" scrolling="no" frameBorder="0" src="vrijwerk/demo/basic.htm"></iframe>

</div>

Answer 1

你可以将它们包装在一个div中并使用flex

.wrapper{display:flex;}
.btn-group{display:flex;
flex-direction:column;}

<div class="wrapper">  <div class="btn-group">

<button target="iframe" onclick="iframe.location.href='vrijwerk/demo/basic.htm';">Vrijwerk</button>

<button target="iframe" onclick="iframe.location.href='hoeden/demo/basic.htm';">Hoeden</button>

<button target="iframe" onclick="iframe.location.href='vrijwerk/demo/basic.htm';">Vrijwerk</button>
</div>
<div >
<iframe class="iframe" name="iframe" align="right" height="800" width="90%" scrolling="no" frameBorder="0" src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg"></iframe>

</div>     </div>