ie7span标签float换行悬浮
项目中,ie8以上都是好好的,就是ie7的布局有问题,span换行漂浮了
<div style="height:20px">
<span style="border:1px red solid;width:100px;display:inline-block">ss</span>
<span style="border:1px green solid;float:right;">ss2 </span>
</div>
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAygAAAA6CAIAAADUYOqrAAAClElEQVR4nO3dsW3cMBSA4bfLDcNZtMW13CKdUmcFtllBO7hKyxS0hXN4CEgfRCDI94GF/ezi4OqH+CBHfeb78evpHACAQX1QxeDvAQAwRXgBACwyEV7fAAB4wUR4vQEA8AJXjQAAiwgvAIBFhBcAwCLCCwBgEeEFALCI8AIAWER4AQAsMhNeEc7EAQD4zBOvawgvAKAjvK4hvACAjvC6hvACADrC6xrCCwDoCK9rCC8AoCO8riG8AICO8LqG8AIAOsLrGsILAOjMhde2bRGRc962rc37CbUKLwDgiYnwOo4jpVRrzTlHRK21n/DOXwMA6EyEVyklIkop57Cf8E54AQCduavGlFJEtLvFNu8n1Cq8AIAnvrJc3/a69n3/y+R/J7wAgM7cjte5QZ9Syjn3k+s+6D9GeAEAnenl+nax2Hbq+wnvhBcA0PEer2sILwCgI7yuIbwAgI7wuobwAgA6wusawgsA6MyEV4QzcQAAPvPECwBgVNzjlSO8AABGxf2lSy3hBQAwSngBACwivAAAFhFeAACLTIVXfNj3vU2EFwDAqPHwut1u7Yuc89lewgsAYNRgeJVSjuM4v73dbtu2VeEFADDuazteKSXhBQAwp4XXtm0RkXNuOfV08iil5KoRAGBO3OM4jpRS/VjeqrX2k0fnT6vwAgAYF/copUREKeUc9pNHKaVz30t4AQCMaleNKaX2noicc5v3kybn/BhkwgsAYNTjcn3b6zrf0dVP9n3/o8OEFwDAqLbjdW7Qp5Ryzv2k1rrv++OifXv0JbwAAEady/XtYrFtzfeTtmX/qM2FFwDAKP+rEQBgEeEFALCI8AIAWER4AQAsEvd45TwJr58AACwRPwAAWCLeAABYQngBACzyGx7UwI5sVEQXAAAAAElFTkSuQmCC" alt="" />
不知道怎么个情况,最后百度一下,原来这个能百度很多。。。。。百度还是很强大的。。浮动的放到非浮动前边就可以在一行了。。。汗
<div style="height:20px">
<span style="border:1px green solid;float:right;">ss2 </span>
<span style="border:1px red solid;width:100px;display:inline-block">ss</span>
</div>
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyoAAAAqCAIAAADTQzgNAAACWklEQVR4nO3dsW3jMBiAUe7iYTiL4CXccot08h5awa12uMqFG11BRDDiQGfJICHx3gOLhAQsp8oH6Y8Tpooet/PC6XW8V3snAABFLYRNqPk+5BcA8J9Yl19fxTxu54XT63gvd2kAgJrW5defYh6388LpdbyXuzQAQE0ePgIAVCW/AACqkl8AAFXJLwCAquQXAEBV8gsAoCr5BQBQ1cr8CqHQetzOC6fX8V7u0mUXANCccAmfrPX5VUabd7/kFwC0KFw++hUvv0qSXwDQIvm1Y/ILAFokv3ZMfgFAi+TXjskvAGjRqvwK3/q+zzvyqyT5BQAtej+/TqdT/iKlNBeY/CpJfgFAi97Mr2EYxnGcvz2dTl3XTfKrLPkFAC3aNvsVY9yeX13XhRBSSvklft1ZS34BAEeR82ttEcUYNz58HMcxxjh9P8Kcpul1ZwP5BQAcRbisLqL5dNqQX8MwhBCGYZj3Xnc2kF8AwFGEy+oiijHOc2BbHj7GGPPfT6aU5lf8sbOW/AIAjiI/fHy/iFJKz1m2ffQ+P92cP8Hi1533yS8A4CieR+//WUR93/+osS2zX/M0WYwxpfS6s+HHkF8AwFHk2a93iqjv++cx/HwbbOPofb6xlifIXnc2kF8AwFHMo/fLRZRn8J/lfZ/7VZL8AoAW+Z+POya/AKBF8mvH5BcAtEh+7Zj8AoAWVc+vMutxOy+cXsd7uUuXXQBAc8IlfLJW5lcxbd79AgB4Ib8AAKqSXwAAVckvAICq5BcAQFXyCwCgKvkFAFCV/AIAqEp+AQBUJb8AAKpaCJu/c1tuJh+07VwAAAAASUVORK5CYII=" alt="" />
出问题,先百度。。。。。。。。。。
ie7span标签float换行悬浮的更多相关文章
- ie7 下 float换行问题与vertical-align:middle; 失效问题
声明:web小白的笔记,欢迎大神指点!联系QQ:1522025433. ie7 下 float换行问题 请直接看代码中和代码中的注释: <!doctype html> <html&g ...
- Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行
H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现, ...
- 使H1 H2等标签不换行
在网页优化中,经常要使用H标签对关键字进行优化, 可是如果是一行文字中的某个词加上了H1标记,就会换行. 可以使用下面的方法,H标签就不会强制换行了. <style type="tex ...
- IE8下标签float导致的bug。
前几天帮朋友写一个页面,今天在IE8下面发现一个很奇葩的问题,给a标签添加了float:left之后a标签内的图片不显示了,去掉float:left之后就能正常显示. 代码: <!DOCTYPE ...
- cocos2d-x之 利用富文本控件解析xhml标签(文字标签,图片标签,换行标签,标签属性)
执行后效果: 前端使用: 后台SuperRichText解析code void SuperRichText::renderNode(tinyxml2::XMLNode *node){ while (n ...
- Html中怎么用CSS让ul中多个li标签不换行横排显示
布局 通常有三种方式 { 1. position 2. float: left --> 其次是这个 3. block: inline-block --> 他们推荐我用这个 } 具体描述 ...
- HTML之基本语法(段落标签、标题标签、空格标签、换行标签、图片标签和图片的基本属性)
一.HTML标签 所谓的HTML的标签就是发明者认为定义好的一些单词,就相当于我们汉语中的字 二.HTML的语法 语法就是用来定义这些“字”应该如何解析或者书写的规则 三.常见标签及基本语法 1.人为 ...
- html span标签 不换行(有时span带中文时候是可以自动换行的)
<span>你好111111111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa ...
- 格式与布局 float 左右悬浮边框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- java 钩子方法
Runtime.getRuntime().addShutdownHook(shutdownHook); 这个方法的含义说明: 这个方法的意思就是在jvm中增加一个关闭的钩子,当jv ...
- spring扫描自定义注解并进行操作
转载:http://blog.csdn.net/cuixuefeng1112/article/details/45331233 /** * 扫描注解添加服务到缓存以供判断时候为对外开放service ...
- 前端开发概述+JS基础细节知识点
一 前端开发概述 html页面:html css javascript 拿到UI设计图纸:切图-->html+css静态布局-->用JS写一写动态效果-->ajax和后台进行交互,把 ...
- 使用Surging Mqtt 开发基于WS的MqttClient客户端
原文:使用Surging Mqtt 开发基于WS的MqttClient客户端 最近一段时间由于要做一套智能设备系统,而有幸了解到Surging中的Mqtt broker,学习了很多东西本篇文章基于Su ...
- 【习题 3-9 UVA - 10340】All in All
[链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 相当于让你判断s1是不是s2的子序列. for一遍就好 [代码] #include <bits/stdc++.h> us ...
- 基于StringUtils工具类的常用方法介绍(必看篇)
前言:工作中看到项目组里的大牛写代码大量的用到了StringUtils工具类来做字符串的操作,便学习整理了一下,方便查阅. isEmpty(String str) 是否为空,空格字符为false is ...
- PB导出数据excel格式dw2xls
PB导出数据excel格式dw2xls 使用DW2XLS控件 语法 uf_save_dw_as_excel ( dw, filename ) 參数 dw A reference to the data ...
- 取消UITableViewCell的背景色
//无色 cell.selectionStyle = UITableViewCellSelectionStyleNone; //蓝色,也就是系统默认的颜色 cell.selectionStyle = ...
- open ball、closed ball 与 open set、closed set(interior point,limit point)、dense set
0. demo 在拓扑学上,open set(开集)是对实数轴(real line)上开区间(open interval)的拓展. 红色圆盘:{(x,y)|x2+y2<r2},蓝色圆圈:{(x, ...
- [Angular] Creating an Observable Store with Rx
The API for the store is really simple: /* set(name: string, state: any); select<T>(name: stri ...