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/ ...
随机推荐
- 10. Spring Boot JDBC 连接数据库
转自:https://blog.csdn.net/catoop/article/details/50507516
- 【ASP.NET开发】.NET三层架构简单解析
对于三层架构来说,主要是使用设计模式的思想,对于项目的各个模块实现"高内聚,低耦合"的思想.这里就不做详细的介绍了,如果大家有兴趣,可以阅读软件工程和设计模式相关文章. 对于三层架 ...
- background-size在PC端和移动端使用媒体查询的不同
1.PC端background-size:100%:是展现原图的大小. 2.使用媒体查询的移动端的background-size:100%:是根据内容的高度自动拉伸高度的.
- Dotfuscator use for .net4.0 error solve
在混淆的时候报错了,错误描述大致如下: Could not find a compatible version of ildasm to run on assembly C:\xxx.dll This ...
- 【例题 7-3 UVA - 10976】Fractions Again?!
[链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] x>=y => \(\frac{1}{x}<=\frac{1}{y}\) => \(\frac{1}{x}= ...
- Android 获取联系人手机号码、姓名、地址、公司、邮箱、生日
public void testGetAllContact() throws Throwable { //获取联系人信息的Uri Uri uri = ContactsContract.Contacts ...
- JS错误记录 - 按左右箭头div移动、一串div跟着鼠标移动
本次练习错误总结: 1. div跟着用户操作而移动,首先必须要绝对定位,否则无法移动. 2. if条件语句里面是双等号,不是单等号(赋值). 3. 坐标值没有Right,只能offsetLeft 加减 ...
- ThreadPoolExecutor – Java Thread Pool Example(如何使用Executor框架创建一个线程池)
Java thread pool manages the pool of worker threads, it contains a queue that keeps tasks waiting to ...
- 初识Visual Studio Code 一.使用Visual Studio Code 开发C# 控制台程序
原文:初识Visual Studio Code 一.使用Visual Studio Code 开发C# 控制台程序 1. 安装.NET Core 安装包下载地址:https://www.microso ...
- 【u251】心灵的抚慰
Time Limit: 1 second Memory Limit: 128 MB [问题描述] 病毒问题解决后,神牛们的心灵久久不能平静.他可以从一个程序联想到一些相似的程序.比如从程序1联想到2, ...