我是这样布局的,请各位高手看看是否合理
把talkdiv左浮动。lovediv右浮动。
s的小图标左浮动,53右浮动。
s的love左浮动,230右浮动。
窝总感觉我这样很罗嗦,
有什么更好的方案
<div class="bottomDiv">
<s class="left message">56</s>
<s class="right love">56</s>
</div>
可以去掉S外面那层DIV吧,直接在S里面写样式。
S外面那层没什么必要。而且你都在S里写了class了,也可以通用这个样式了。
能不用浮动就别用浮动吧,如果我做的话可能会将talkDiv和loveDiv设成inline-block。
不过这种小的内部的浮动似乎也不会影响什么。
浮动对浏览器的性能消耗较大,一般的原则是能够避免使用浮动就尽量避免。
如果是我的话,针对这种情况,我的作法应该是:
-
talkDiv
,loveDiv
全采用display:inline-block;
布局,各占50% with
。 - 上面两个
div
中的内容居中,里面的文字距离图片给一个margin-left
即可。