html中div标签并列显示

最新推荐文章于 2024-07-09 23:24:46 发布

AIOT魔法师

最新推荐文章于 2024-07-09 23:24:46 发布

阅读量1.6k

点赞数

分类专栏： Python 文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_41967600/article/details/124628052

版权

Python 专栏收录该内容

53 篇文章 5 订阅

订阅专栏

首先用一个大的div将要并列的div包裹在一起，然后为要并列的div标签指定style为left即可。
在这里插入图片描述

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

    <body>

        <div>


            <div style="float:left;">
                <form method="post" action="/" enctype="multipart/form-data" method='POST'>
                <input type="file" size="30" name="file"/>
                <input type="submit" value="上传图像" class="button-new" style="margin-top:15px;"/>
                </form>
                <img src="data:image/png;base64, {{ plot_url }}" width="327" height="220" >

            </div>


            <div style="float:left;">
                <form method="post" action="/" enctype="multipart/form-data" method='POST'>
                <input type="file" size="30" name="file"/>
                <input type="submit" value="上传图像" class="button-new" style="margin-top:15px;"/>
                </form>
                <img src="data:image/png;base64, {{ plot_url }}" width="327" height="220" >

            </div>


        </div>


    </body>

</html>