ie兼容问题 float:right 印出来的换行问题
问题:
<h2 class="title">AAAAAAAA<div style="float:right">BBBBBBBB</div></h2>
这段代码在chrome中是正常的可是到了ie下面确是换行的,如何解决呢
这段代码在chrome中是正常的可是到了ie下面确是换行的,如何解决呢
解决办法一:
这是ie的一个典型问题,原因出在float:right上,在ie下要把float的部分放倒没有float的部分前面,
像这样,就不会断行:
<h2 class="title"><div style="float:right">BBBBBBBB</div>AAAAAAAA</h2>
像这样,就不会断行:
<h2 class="title"><div style="float:right">BBBBBBBB</div>AAAAAAAA</h2>
解决办法二:
或者给“调查管理-编辑问题”加个float:left,像这样
<h2 class="title"><span style="float:left">AAAAAAAA</span><div style="float:right">BBBBBBBB</div></h2>
<h2 class="title"><span style="float:left">AAAAAAAA</span><div style="float:right">BBBBBBBB</div></h2>
相关推荐
如果前面几个元素没有设置浮动,而给最后的元素设置为float:right,则被设置为浮动的这个元素会出现在下一行,针对这个问题,下文给出详细的解决方法,感兴趣的朋友不要错过
一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上,二是在另一行,举个例子,大家一看就明白了
次的情况与上次不同,上次直接将浮动的元素移到不浮动的元素之前就可以解决问题,而这次的float:right 时元素换行错位的情况,在下文也给出了不错的解决方法
这个时候我们就可以根据float来设置,在设置右对齐显示的时候,我们通常会遇到,右对齐的元素会换行,这样就会出现左右元素不在同一条线上,我们可以通过以下方式来解决这个问题: 第一种解决办法:把左右对换,...
有不少网友反应自己用了float:right后内容跑到下面去了,关于这个问题我们先来看一个例子: 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN ” ...
我们都知道float:left和float:right,但是否想过float:center呢?居中浮动。。。
float:right;font-size:12px;cursor:pointer} </style> <body><div id="rbbox">()">关闭</a><iframe src="1.jpg" height="200" width="300" scrolling="no" ></iframe></div> </body> </html> ...
主要介绍了css float left布局换行不正常问题的解决的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
float: right; height: 30px; text-indent: -9999px; width: 50px; } <h3> 1F 热门车系 [更多+]</a> </h3> 当程序如上时,a标签会在IE等浏览器下换行。 解决方法,就是把<a> 标签放在文本前面,如下: <h3>
本文和大家重点讨论一下CSS display:inline和float:left两者的区别,CSS display是指显示状态,inline表示内联,特点是紧贴着前一个内联元素,通常默认的内联元素有span,a,em,strong等。而float表示的是浮动,float:...
java float:单精度浮点型
div#row1 { float: left; color: blue; } div#row2 { color: red } </style> </head> <body> ”row1″>第一个div</div> ”row2″>第二个div不换行</div> </body> </html>
我们都知道float:left和float:right,但是否想过float:center呢?居中浮动。。。 <div id=macji> <ul class=macji-skin> 列表一</li> 列表二</li> 列表三</li> </ul></div> 我们希望实现li是浮动的,并且居中的(li...
下面的例子中在FIREFOX和CHROME等浏览器中,b和c会左对齐显示于两排,但在IE7下却不是,下面有个不错的解决方法,感兴趣的朋友不要错过