Flex-layout-attributeCSS Flexbox 布局助手

Flex-layout-attribute

Flex-layout-attribute 是基于 CSS flexbox 規(guī)范的 HTML 布局助手。

示例

內(nèi)容分布在一行里并在容器居中：

<div layout="row center-center">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

DEMO

特點(diǎn)

• 專注于 HTML 屬性 -- 獨(dú)立的布局標(biāo)記，語義化和簡潔的語法

• 不僅是柵格（網(wǎng)格） -- 比例之間的關(guān)聯(lián)，基于比例的元素尺寸

• 快速制作原型 -- 在瀏覽器中進(jìn)行設(shè)計(jì)以及快速迭代，不再需要為布局編寫 CSS

• 基礎(chǔ)穩(wěn)固 -- 非常容易擴(kuò)展和定制