Amaze UI

CSS

浏览器默认样式统一,基础样式,网格,表格、表单、按钮及常用组件样式。

Print


打印样式组件,打印时将 color 设置成黑色,删除 backgroundtext-shadowbox-shadow 样式,以节省打印机耗材,加快打印速度。

显示 URL 链接

利用 CSS3 content 属性,将 <a><abbr> 的标题、链接显示在后面。

Amaze UI
Amaze UI
<!-- 点击浏览器菜单里的【打印】,预览打印样式 -->
<a href="http://www.amazeui.com">Amaze UI</a>
<abbr title="http://www.amazeui.com">Amaze UI</abbr>

辅助 Class

  • am-print-hide 浏览器可见,打印机隐藏。
  • am-print-blockam-print-inline-blockam-print-inline 打印机可见,浏览器隐藏。在打印机中分别对应为block,inline-block,inline样式。
<!-- 在打印预览中查看效果 -->
<div class="am-print-hide"><button type="button" class="am-btn am-btn-primary am-btn-block">浏览器可见,打印机不可见</button></div>

<div class="am-print-block"><button type="button" class="am-btn am-btn-primary am-btn-block">打印机可见,浏览器不可见</button></div>

参考链接

侧栏导航
Amaze UI 微信
在微信上关注我们