时间戳

首页 > 解决方案 > 如何在 React 中的按钮下制作图像框

css - 如何在 React 中的按钮下制作图像框

问题描述

我有这样的布局。我想要的是让 Render 3D 按钮旁边的图像框移动到按钮下方： 在此处输入图像描述

我的代码在这里

<div id="modeling">
        <div className="container">
          <div className="row">
            <div className="col-xs-12 col-md-8"> 
              <div className="modeling-text">
                <h2>3D MODELING</h2>
                <h3>Upload a 2D image to get a 3D model</h3>        
                
                <input className="btn btn-secondary" id="fileInput" name="file" type="file" onChange={fileChangedHandler} />
               
                <button className="btn btn-primary" style={{float:"left", marginLeft: "10px"}} ng-click="showConfirm() "
                        ng-if="fileName.length > 0"  id="renderButton">
                  Render 3D Model
                </button>
          
                <img src={file} alt={""} width="300" height="300" text-align="left" />
              
              </div>
            </div>
          </div>
        </div>
      </div>

有人可以帮我搬这个吗？非常感谢

标签： cssreactjsimagebutton

解决方案

只是显示为block

<img src={file} alt={""} width="300" height="300" text-align="left" style={{display:'block'}} />

推荐阅读