AmazeUI布局
AmazeUI使用了12列的響應式網絡系統。使用時需在外圍容器上添加.am-g class，在列上添加.am-u-[sm|md|lg]-[1-12] class，然后根據不同的屏幕需求設置不同的寬度。 am-u-sm-* 0-640px am-u-md- ...
原文：amazeui筆記-CSS 布局相關
CSS 等分網格： 說明：.am avg sm 數字表示幾等分會將子元素 lt li gt 的寬度設置為 。 只能用於 lt ul gt lt ol gt 結構 輔助類： 基本容器： .am container 水平滾動： .am scrollable horizontal內容超出容器寬度時顯示水平滾動條。 垂直滾動： .am scrollable vertical內容超過設置的高度以后顯示滾動條 ...
2017-04-12 14:45 0 1815 推薦指數：
相關推薦
amazeui學習筆記--css（HTML元素5）--表格Table
amazeui學習筆記--css（HTML元素5）--表格Table 一、總結 1、基本樣式：am-table；直接模塊名 <table class="am-table"> 2、表格邊框： 添加 .am-table-bordered 類。 <table class ...
amazeui學習筆記--css（常用組件6）--圖標Icon
amazeui學習筆記--css（常用組件6）--圖標Icon 一、總結 1、關注用法即可：在 HTML 上添加添加 am-icon-{圖標名稱} class。 <span class="am-icon-weixin"> Wechat</span> 2、圖標大小 ...
amazeui學習筆記--css（HTML元素1）--按鈕Button
amazeui學習筆記--css（HTML元素1）--按鈕Button 一、總結 1、button的基本使用：a、am-btn 在要應用按鈕樣式的元素上添加 .am-btn，b、顏色 再設置相應的顏色（例如：<button type="button" class="am-btn ...
amazeui學習筆記--css（HTML元素3）--表單Form
amazeui學習筆記--css（HTML元素3）--表單Form 一、總結 1、form樣式使用：在容器上添加 .am-form class，容器里的子元素才會應用 Amaze UI 定義的樣式。 am-form. <form class="am-form"> 2、單選 ...
amazeui學習筆記--css（常用組件7）--輸入框組Input-group
amazeui學習筆記--css（常用組件7）--輸入框組Input-group 一、總結 1、使用：Input group 基於 Form 組件和 Button 組件擴展，依賴這兩個組件。在容器上添加 .am-input-group，在標簽文字上添加 ...
css筆記之版心和布局流程
版心和布局流程 閱讀報紙時容易發現，雖然報紙中的內容很多，但是經過合理地排版，版面依然清晰、易讀。同樣，在制作網頁時，要想使頁面結構清晰、有條理，也需要對網頁進行“排版”。 “版心”是指網頁中主體內容所在的區域。一般在瀏覽器窗口中水平居中顯示，常見的寬度值為960px、980px、1000px ...
CSS學習筆記：grid布局
目錄 一、Grid布局簡介 二、Grid布局的一些概念 三、 容器元素屬性 1. grid-template-* 1.1 網格行和列的設置 1.2 repeat的使用 1.3 使用fr ...