网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  J2EE  >  两个div不换行,第一个已经有
且不能改变,第二个要如何定义才能不换行

两个div不换行,第一个已经有
且不能改变,第二个要如何定义才能不换行

分类: IT文章 • 2022-07-29 11:30:53
两个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 ,再设置一下宽度百分比应该可以了

相关推荐

  • 两个div不换行,第一个已经有
    且不能改变,第二个要如何定义才能不换行
  • 怎么让一个div中的内容不换行
  • 解决SyntaxHighlighter 代码不换行的有关问题
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号