块换行 的问题

问题描述: 当一篇文章 + <a>阅读全文 </a>

当文章结尾处剩余宽度不够显示<a>阅读全文 </a>  让其自动整体换行

 

解决方案：

使用display:inline-block

 

<span style="display:inline-block">

文章内容

</span>

<a style="display:inline-block">阅读全文</a>

 

这样就能实现 块换行了

 

其中我还发现一个问题

当这么写是 火狐中 显示有有些偏差 文章内容前后会多出很多空白

因为我们使用了回车 

<span style="display:inline-block">文章内容</span>

这么写就不会有问题了

 

不知道为什么会这样

 

还有待研究......