html - 使iframe float 在垂直对齐的右侧

我想在垂直对齐的右侧添加一个iframe

http://s13.postimg.org/s5f54mux3/Screen_Shot_2015_07_30_at_4_45_06_PM.png

它的代码是：

                    <div style='margin-left:10px;'>
                        <img src='/' class='circular' style='float:left;vertical-align:middle;'>
                    </div>
                </span>
                <span class='txt'>
                    <span class='user-info'>
                        Text
                    </span>
                    <br>
                <span class='user-time'>
                    12 Minutes Ago
                </span>
            </span>
        </span>
    </span>
</div>

您如何添加iframe使其漂浮在垂直对齐方式的右侧，像这样...

http://s30.postimg.org/5qfa3x8o1/Screen_Shot_2015_07_30_at_4_45_06_PM.png

最佳答案

我认为最好的解决方案是添加float:right并将其定位为包含用户信息的span的最后一个元素。

我想我将其正确放置在下面，但是您发布的代码缺少上半部分，这使得很难猜测是什么。

                <div style='margin-left:10px;'>
                    <img src='/' class='circular' style='float:left;vertical-align:middle;'>
                </div>
            </span>
            <span class='txt'>
                <span class='user-info'>
                    Text
                </span>
                <br>
                <span class='user-time'>
                12 Minutes Ago
                </span>
            </span>
            <iframe style:'float:right;'></iframe>
        </span>
    </span>
</div>

关于html - 使iframe float 在垂直对齐的右侧，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31734159/