ie下span标签浮动换行的简单解决方法

        只记录经验心得，不做长篇大论

 

---

     谈一种span标签换行的解决方法。

---

     <li><a href="#">你会不会被换行？<span>我要被换行啦~救我</span></a></li>     

      span{

               float:right;

      }

 

      这时，在ie下span标签的内容将会换行。

这当然有解决方法。网上有很多讨论span标签浮动换行的文章，最普遍的方法就是将span定义一个width宽度属性，然后再使用display。设置display:inline-block，则span并列在同行，而且width属性生效。

其实，还有一种更简单的方法。

你只要把span标签放到左边，再定义float：right，这样就可以实现不换行，很好用~

 

<li><a href="#"><span>这样我就不会换行了</span>这是真的呀？好神奇~</a></li>     

      span{

               float:right;

      }

另外：你是否有这样的想法

将li定义为相对定位，将span定义为绝对定位。再定义span的right=0;   ？

这样似乎也可以，但是不完美。

据我亲测，这时高度很可能会不对齐。

什么？你又有解决方案了？——既然高度不对齐，再定义个top或者bottom或者line-height试试

不过遗憾的告诉你，据我亲测，ie和Firefox下显示还是有那么一点点的差别。#_#!!