代码之家 › 专栏 › 技术社区 › dpointttt

如何显示两个div和按钮

divide alignment button asp.net css

dpointttt · 技术社区 · 9 年前

我试图显示两个div,一个在左边(输入),一个位于右边(右),还有一个按钮在它们之间(这是一个asp.net web项目),但即使我尝试float:left and right或margin left:%,我也做不到。这是我的css文件;

.input{
    background-color:rgba(23, 23, 23, 0.71);

    border: 2px solid grey;
    width: 450px;
    height: 550px;   
    float: left;
    margin-left:0px;    
    border-radius: 25px;

    padding: 10px; 


    }
.roundcorner //this class is for button
{
border:2px solid #a1a1a1;
text-align: center; 

font-size:18px;
margin-left:45%;
margin-top:35px;
font-style:oblique;
background:#a1a1a1;
width:70px;
border-radius:25px;
-moz-border-radius:35px; /* Firefox 3.6 and earlier */
}

 .output{
    background-color:rgba(23, 23, 23, 0.71);
    border: 2px solid grey;
    width: 270px;
    height: 550px;   
    margin-left: 65%;
    margin-right:15px;
    border-radius: 25px;
        padding: 10px; 


    }

1 回复 | 直到 9 年前

Leo 9 年前

请参见下文。。。

.container{
  width:100%;
  font-family:arial;
  }

.box{
  padding-top:60px;
  width:33%;
  height:100px;
  text-align:center;
  display:inline-block;
  zoom:1;
  *display:inline;
  }

.box.left{
  float:left;
  background-color:#ddd;
  }
.box.right{
  float:right;
  background-color:#ddd;
  }

<div class="container">
  <div class="box left">Left div</div>
  <div class="box">
    <button>I'm a button</button>
  </div>
  <div class="box right">Right div</div>
</div>

推荐文章

jhyeon · R中带规则的分栏

7 年前

Prof. Falken · 使用np时只返回数字。用dtype除法函数:float64

7 年前

Eric Geurts · 将浮点数除以x个变量[闭合]

8 年前

Daniel R. · 在Javascript数组中相互除数

9 年前

dpointttt · 如何显示两个div和按钮

9 年前

Alex · 幻灯片字幕出现在错误的div中

9 年前

Arial · DCT的C语言图像分割

9 年前

chrisTina · Java除法操作异常

10 年前

user3712237 · 如何在C中用int除短值

10 年前