在Web开发工程中,会遇到将后台返回的json数据进行页面展示,而很多的开发者都喜欢使用类似标签的样式进行信息展示.本文就简单了展示两种信息的展示样式,直接上demo:
在类选择器.bean中,display: inline-block的作用是将div属性变为行内元素(不占一行,宽度由内容决定).当然也可以使用float来实现(记得清除浮动奥).
注:border-radius:50%与border-radius:100px效果一致.
img属性中width:100%与height:100%是为了让图片宽高与父div宽高一致.