首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > J2EE开发 >

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

2012-08-11 
两个div不换行,第一个已经有div aligncenter且不能改变,第二个要怎么定义才能不换行我这是两个不同的

两个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 ,再设置一下宽度百分比应该可以了

热点排行
Bad Request.