ie6 span 换行解决span float:right不能右对齐而是换行显示
例子:如何解决span右对齐的问题
这样的写法经过测试在IE8和firefox浏览器里可以正确显示在同一行,而在360浏览器中”span右对齐的问题”这几个字却显示到下一行的最右边,原因和解决方法如下:
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥
也就是说,你的span是float:right,但是前面h1的内容”如何解决”还是float:none,如果要前后文字占据同一行,一般有两个解决方法:
1、把span右对齐的问题代码置于前
span右对齐的问题:如何解决
2、给前面的文本设置float属性
如何解决span右对齐的问题
备注:今日发现在IE6下上面的代码还是不能很好的显示,IE6解决方法如下:
保持H1在前,span float:right在后,给span添加一个_margin-top:-20px;(数值根据需要自己调整),即
如何解决span右对齐的问题
分享到:
相关推荐
是不是很多朋友在应用FLOAT左右的时候也出现这个问题,下面给出几种常用的解决方法,希望对出现这样问题的朋友有所帮助哈。 第一种解决办法:把左右对换,比如吧日期放在标题...起再套一层span,并设定float:right;)
就类似说空间里面模块中模块名靠左,编辑字样出现在靠右...复制代码代码如下: .portlet span { float:right } 这个时候就发现出现一个问题“文章”跟“编辑”不在同一行中!这下苦闷了!于是只好去搜了问题原因如下
/*日期右对齐*/ padding: 6px 0px 4px 15px; font-size:13px; } .list li a:hover{ color: #336699; background: url(zf11_Guide.gif) no-repeat 0 6px; } </style> </head> <body> <li>...
希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。 XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//...
我们通常的做法是,把日期写在span标签里,然后把span标签写在li里,css定义span(float:right),让span浮动在列表的右边。 近日,被同事问及一个产品列表的做法怎么实现?一个产品列表,每个产品列表后面跟一个...
取值:left左 right右 top上 bottom下 px (%)少用 取值:auto 则内容居中 2、外边距margin 6、背景颜色 1.背景色 属性:background: 取值:颜色 2.背景图片 属性:background-image:url(); 取值:url() ...
第6章(源代码\第6章) 示例描述:本章演示超级链接用法 target用法.html 链接参数target的用法。 title用法.html 链接参数title用法。 锚点链接....
语义化标签:段落标签,<span>标签自定义文字样式,标题标签,块,标签定义头部,标签定义底部,标签定义正文区段,标签定义侧边栏区域; 效果标签: 标签实现换行效果,特殊字符 实现空格效果,标签实现...
13.3 实例一:输入时高亮显示的Excel表格 13.4 实例二:由远到近的文字 13.5 实例三:跑马灯特效 13.6 实例四:图片淡入淡出 13.7 实例五:CSS实现PPT幻灯片 13.8 实例六:灯光效果 13.9 实例七...
第6章 用CSS设置表格与表单的样式 6.1 控制表格 6.2 表格实例一:隔行变色 6.3 表格实例二:鼠标经过时变色的表格 6.4 表格实例三:日历 6.5 CSS与表单 6.6 综合实例一:直接输入...