曹杨教学点? 北桥教学点? 学校总部? | 设为首页 | 加入收藏 | 官方微信
365棋牌新手卡怎么使用_365棋牌全民游戏_365棋牌游客服充值
打造“培训+就业”一站式服务品牌!
  • Python+AI工程师
  • Web前端工程师
  • Java软件开发工程师
banner1

首页>>学员天地

解决span float:right不能右对齐而是换行显示
编辑:simon? 阅读:2161次? 发布:16-02-19

例子:

最新开班列表更多...


这样的写法经过测试在IE8和firefox浏览器里可以正确显示在同一行,而在有些浏览器中"更多..."这几个字却显示到下一行的最右边。

原因:
  当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥。

  因此上例中,由于span是float:right,但是前面h1的内容"最新开班列表"还是float:none,因此使用得"更多..."显示到了下一行的最右边了。

解决:
一般有两个解决方法:

1、把更多...代码置于

中文字的前面,即:

更多...最新开班列表

2、给前面的文本设置float属性

最新开班列表更多...



按1的方法调整后显示如下:



上一篇:?关于内层DIV设置margin-top不起作用的解决方案? ?下一篇:?css+div绘制三角形
网络大专、自考本科,学历轻松拿!
?2016-2020 上海内威职业技能培训学校 版权所有
普陀区真南路1051弄5号303室(邮编:200331)
咨询:021-62434966? 合作:021-13371929650? 就业:021-62434966? 传真:021-? 电邮:service@snetway.com
《中华人民共和国电信与信息服务业务》经营许可证沪ICP备15002602号?