评论

css:

.fl{float: left;}
.ml15{margin-left: 15px;}
.ml10{margin-left: 10px;}
.msg{overflow: hidden;}
.msg-center{border-bottom: 1px solid #ddd;padding: 10px 20px;}
.msg-center .title{overflow: hidden;clear: both;}
.msg-center .title img{width: 30px;height: 30px;border-radius: 50%;}
.msg-center .title p b{font-size: 16px;}
.msg-center .comment{padding-left: 45px;margin-top: 10px;}

js:

html += '<div class="msg-center" id="' + index+ '">';
html += '<div class="title">';
var imag_url='https://gss3.bdstatic.com/7Po3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=515b3c155843fbf2d121ae71d117a1e5/c2fdfc039245d6884338abb9afc27d1ed21b24f0.jpg';
html += '<img class="fl" src="'+ imag_url + '">'
html += '<p class="ml15 fl"><b>'+ item.user+ '</b><span class="ml10">'+ item.time + '</span></p>';html += '</div>';html += '<div class="comment">'+ item.comment+ '</div>';
html += '</div>';

效果：