tcon/docs/.vuepress/dist/assets/js/11.9d2c8b35.js

简化版 tachyons

(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{186:function(t,_,v){"use strict";v.r(_);var e=v(0),d=Object(e.a)({},function(){var t=this,_=t.$createElement,v=t._self._c||_;return v("div",{staticClass:"content"},[t._m(0),t._v(" "),v("p",[t._v("主要布局为 flex，还包括 float、position、display")]),t._v(" "),v("div",{staticClass:"tip custom-block"},[v("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),v("p",[t._v("模块的样式都是单元式的，如需使用更多特性，请查看"),v("router-link",{attrs:{to:"/components/"}},[t._v("组件")]),t._v(" - "),v("router-link",{attrs:{to:"/components/layout.html"}},[t._v("布局")])],1)]),t._v(" "),v("p",[t._v("flex 定义：")]),t._v(" "),t._m(1),t._v(" "),v("p",[t._v("其余定义：")]),t._v(" "),t._m(2)])},[function(){var t=this.$createElement,_=this._self._c||t;return _("h1",{attrs:{id:"布局"}},[_("a",{staticClass:"header-anchor",attrs:{href:"#布局","aria-hidden":"true"}},[this._v("#")]),this._v(" 布局")])},function(){var t=this,_=t.$createElement,v=t._self._c||_;return v("table",[v("thead",[v("tr",[v("th",[t._v("flex 类")]),t._v(" "),v("th",[t._v("样式")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("容器")]),t._v(" "),v("td")]),t._v(" "),v("tr",[v("td",[t._v("flex")]),t._v(" "),v("td",[t._v("{ display: flex; }")])]),t._v(" "),v("tr",[v("td",[t._v("flex-column")]),t._v(" "),v("td",[t._v("{ flex-direction: column; }")])]),t._v(" "),v("tr",[v("td",[t._v("flex-row")]),t._v(" "),v("td",[t._v("{ flex-direction: row; }")])]),t._v(" "),v("tr",[v("td",[t._v("flex-wrap")]),t._v(" "),v("td",[t._v("{ flex-wrap: wrap; }")])]),t._v(" "),v("tr",[v("td",[t._v("flex-shrink-0")]),t._v(" "),v("td",[t._v("{ flex-shrink: 0; }")])]),t._v(" "),v("tr",[v("td",[t._v("flex-grow-1")]),t._v(" "),v("td",[t._v("{ flex-grow: 1; }")])]),t._v(" "),v("tr",[v("td",[t._v("水平方向")]),t._v(" "),v("td")]),t._v(" "),v("tr",[v("td",[t._v("justify-start")]),t._v(" "),v("td",[t._v("{ justify-content: flex-start; }")])]),t._v(" "),v("tr",[v("td",[t._v("justify-end")]),t._v(" "),v("td",[t._v("{ justify-content: flex-end; }")])]),t._v(" "),v("tr",[v("td",[t._v("justify-center")]),t._v(" "),v("td",[t._v("{ justify-content: center; }")])]),t._v(" "),v("tr",[v("td",[t._v("justify-between")]),t._v(" "),v("td",[t._v("{ justify-content: space-between; }")])]),t._v(" "),v("tr",[v("td",[t._v("justify-around")]),t._v(" "),v("td",[t._v("{ justify-content: space-around; }")])]),t._v(" "),v("tr",[v("td",[t._v("垂直方向")]),t._v(" "),v("td")]),t._v(" "),v("tr",[v("td",[t._v("items-center")]),t._v(" "),v("td",[t._v("{ align-items: center; }")])]),t._v(" "),v("tr",[v("td",[t._v("items-baseline")]),t._v(" "),v("td",[t._v("{ align-items: baseline; }")])]),t._v(" "),v("tr",[v("td",[t._v("content-center")]),t._v(" "),v("td",[t._v("{ align-content: center; }")])])])])},function(){var t=this,_=t.$createElement,v=t._self._c||_;return v("table",[v("thead",[v("tr",[v("th",[t._v("类")]),t._v(" "),v("th",[t._v("样式")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("relative")]),t._v(" "),v("td",[t._v("{ position: relative; }")])]),t._v(" "),v("tr",[v("td",[t._v("absolute")]),t._v(" "),v("td",[t._v("{ position: absolute; }")])]),t._v(" "),v("tr",[v("td",[t._v("fixed")]),t._v(" "),v("td",[t._v("{ position: fixed; }")])]),t._v(" "),v("tr",[v("td",[t._v("sticky")]),t._v(" "),v("td",[t._v("{ position: sticky; }")])]),t._v(" "),v("tr",[v("td",[t._v("fl")]),t._v(" "),v("td",[t._v("{ float: left; }")])]),t._v(" "),v("tr",[v("td",[t._v("fr")]),t._v(" "),v("td",[t._v("{ float: right; }")])]),t._v(" "),v("tr",[v("td",[t._v("fn")]),t._v(" "),v("td",[t._v("{ float: none; }")])]),t._v(" "),v("tr",[v("td",[t._v("dn")]),t._v(" "),v("td",[t._v("{ display: none; }")])]),t._v(" "),v("tr",[v("td",[t._v("di")]),t._v(" "),v("td",[t._v("{ display: inline; }")])]),t._v(" "),v("tr",[v("td",[t._v("db")]),t._v(" "),v("td",[t._v("{ display: block; }")])]),t._v(" "),v("tr",[v("td",[t._v("dib")]),t._v(" "),v("td",[t._v("{ display: inline-block; }")])])])])}],!1,null,null,null);d.options.__file="layout.md";_.default=d.exports}}]);