主頁 > 知識(shí)庫 > 全面了解flex的用途

全面了解flex的用途

熱門標(biāo)簽:地圖標(biāo)注多家店 中山外呼系統(tǒng)中間件 什么行業(yè)需要電話機(jī)器人 車載電話機(jī)器人 廣州ai外呼系統(tǒng)業(yè)務(wù) 天津企業(yè)外呼系統(tǒng)代理商 南昌crm外呼系統(tǒng)如何 外呼系統(tǒng)號(hào)碼顯示 無錫電銷外呼系統(tǒng)代理

一、可以利用flex來布局一個(gè)div在另一個(gè)div里面水平垂直居中

如:html代碼: 

div class="container">
	div class="box">

	/div>
	/div>

css代碼:

.container{
	width:600px;
	height:400px;
	border:1px solid blue;
	display: flex;
	justify-content:center;
	align-items:center;
	}
	.box{
	width:200px;
	height:100px;
	border:1px red solid;

ps:這樣就可以水平垂直居中咯

二、flex的屬性

div class="items">
	div class="item">1/div>
	div class="item">23/div>
	div class="item">4/div>
	/div>

可以寫在items上的屬性有六個(gè):

•flex-direction
•flex-wrap
•flex-flow
•justify-content
•align-items
•align-content

可以寫在item上的有6個(gè):

•order//這個(gè)就是item單獨(dú)給了,要是想讓那個(gè)item調(diào)換順序就給這個(gè)屬性給那個(gè)item
•flex-grow
•flex-shrink
•flex-basis
•flex
•align-self

以上就是小編為大家?guī)淼娜媪私鈌lex的用途全部內(nèi)容了,希望大家多多支持腳本之家~

您可能感興趣的文章:
  • Flex 獲取每月第幾周小例子
  • Flex 遍歷Object鍵和值的示例代碼
  • Flex DataGrid 偽合并單元格實(shí)現(xiàn)思路
  • Flex 自定義DataGrid實(shí)現(xiàn)根據(jù)條目某一屬性值改變背景顏色
  • Flex4 DataGrid中嵌入RadioButton實(shí)現(xiàn)思路及代碼
  • flex 遍歷Object對象內(nèi)容的實(shí)現(xiàn)代碼

標(biāo)簽:海西 攀枝花 滄州 仙桃 佛山 欽州 泰州 呂梁

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《全面了解flex的用途》,本文關(guān)鍵詞  全面,了解,flex,的,用途,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《全面了解flex的用途》相關(guān)的同類信息!
  • 本頁收集關(guān)于全面了解flex的用途的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章