两个div不换行，第一个已经有<div align='center'>且不能改变，第二个要怎么定义才能不换行

Question

我这是两个不同的div,而且是在js中定义的！像这样if(条件一){    var imghtml="<div align='center'><img src=></div>";             } if(条件二){    var imghtml=imghtml+"<div align='center' style='float:right'><img src=></div>";      } 这两个条件都满足了，下面是将其放到一个tdz中tb.rows[3].cells[1].innerHTML=imghtml;显示时却是两行，我想弄成一行！

Answer 1

var imghtml=imghtml+"<div align='center' style='float:right'><img src=></div>"; 
把这个style='float:right 去掉，样式不可乱加

Answer 2

既然是想放到一行那也算一个整体了，为啥不放在一个div里面呢？这样以后会好控制得多，特别是当内容比较多的时候。像我习惯性的这样做：<div>
  <div>..</div>
  <div>..</div>
</div>

Answer 3

 第个div的style中添加这个“display:block; float:left;”如果要让其居中的话最好在外层加个div设置为居中

Answer 4

float:left;用这个。DIV是行模型，默认是自动换行的，如果你不想换，需要设置float属性。

Answer 5

2个都分别flaot：left；但是2个的宽度不能大于容器的宽度   OVER

Answer 6

第一个DIV:var imghtml="<div align='center' style="float:left"><img src=></div>";  第二个DIV: var imghtml=imghtml+"<div align='center' style='float:left'><img src=></div>";  改成这样就行啦。

Answer 7

设置float ，再设置一下宽度百分比应该可以了