当前位置: 代码迷 >> J2EE >> 两个div不换行,第一个已经有<div align='center'>且不能改变,第二个要如何定义才能不换行
  详细解决方案

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

热度:720   发布时间:2016-04-22 01:08:55.0
两个div不换行,第一个已经有<div align='center'>且不能改变,第二个要怎么定义才能不换行
我这是两个不同的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;

显示时却是两行,我想弄成一行!

------解决方案--------------------
var imghtml=imghtml+"<div align='center' style='float:right'><img src=></div>"; 


把这个style='float:right 去掉,样式不可乱加
------解决方案--------------------
既然是想放到一行那也算一个整体了,为啥不放在一个div里面呢?这样以后会好控制得多,特别是当内容比较多的时候。像我习惯性的这样做:

<div>
<div>..</div>
<div>..</div>
</div>
------解决方案--------------------
第个div的style中添加这个“display:block; float:left;”如果要让其居中的话最好在外层加个div设置为居中
------解决方案--------------------
float:left;

用这个。

DIV是行模型,默认是自动换行的,如果你不想换,需要设置float属性。
------解决方案--------------------
2个都分别flaot:left;但是2个的宽度不能大于容器的宽度 OVER
------解决方案--------------------
float
------解决方案--------------------
第一个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>";

改成这样就行啦。
------解决方案--------------------
设置float ,再设置一下宽度百分比应该可以了
  相关解决方案