最近在写一个评论列表的布局,总结其中遇到的一个布局问题,上个代码先哈哈~

大致就是这个样子,一个div其中包了两个span,结果调布局的时候发现妈的这个字怎么掉下来的!!关键是设置padding和margin都没效果,结果把整个div(class="replyitem")的line-height设置成0,结果真的很神奇的跑上去了~之前也遇到过类似的问题,在div中放一个img等行内元素宽度一下就变得很大~下面就给出了两个解决办法:

1.把最外层div设置成line-height:0

2.把里面的行内元素设置成display:block