图片控件
class 属性 | 描述 |
---|---|
um-img-responsive | (可选值),设置图片为响应式 |
img-circle | (可选值),设置图片为圆形 |
um-img-thumbnail | (可选值),设置图片带边框 |
um-rounded | (可选值),设置图片为微圆角效果 |
<img src="..." alt="..." class="um-rounded um-img-responsive">
<img src="..." alt="..." class="um-circle">
<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