图片控件

class 属性 描述
um-img-responsive (可选值),设置图片为响应式
img-circle (可选值),设置图片为圆形
um-img-thumbnail (可选值),设置图片带边框
um-rounded (可选值),设置图片为微圆角效果
  1. <img src="..." alt="..." class="um-rounded um-img-responsive">
  2. <img src="..." alt="..." class="um-circle">
  3. <img src="..." alt="..." class="um-img-thumbnail um-img-responsive">
通过为图片添加 .um-img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。
文档更新时间: 2018-01-12 16:23