我想要 iframe 左侧的菜单

Question

screenshot

不知道如何将 link 菜单放在 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>

我想要 iframe 左侧的菜单

I want the menu left of the iframe

html

css

alignment