摘要:屬性定義及使用說明的屬性指定的列之間的差距。注意如果指定了列之間的距離規(guī)則,它會取平均值。語法值描述一個指定的長度,將設置列之間的差距指定一個列之間的普通差距。
column-gap的屬性指定的列之間的差距。
注意:?如果指定了列之間的距離規(guī)則,它會取平均值。
?
?值 | 描述 |
---|---|
length | 一個指定的長度,將設置列之間的差距 |
normal | 指定一個列之間的普通差距。 W3C建議1EM值 |
1 <div id="flexbox"> 2 <div>div> 3 <div>div> 4 <div>div> 5 div>
#flexbox { display: flex; height: 100px; column-gap: 20px; } #flexbox > div { border: 1px solid green; background-color: lime; flex: auto; }
1 <div id="grid"> 2 <div>div> 3 <div>div> 4 <div>div> 5 div>
1 #grid { 2 display: grid; 3 height: 100px; 4 grid-template-columns: repeat(3, 1fr); 5 grid-template-rows: 100px; 6 column-gap: 20px; 7 } 8 9 #grid > div { 10 border: 1px solid green; 11 background-color: lime; 12 }
1 <p class="content-box">女流直播和解說的游戲不同于國內(nèi)常見的流行游戲,以優(yōu)秀的獨立游戲和極具藝術性富含哲理的頂尖大作為主。獨立游戲的走向相對地取決于開發(fā)者,他們可以做自己想做的游戲而不受限制,所以這類游戲往往帶有作者的態(tài)度和表達。這類游戲不同于聲勢浩大的大型游戲,卻總能給人帶來出乎意料的驚喜。p>
1 .content-box { 2 column-count: 3; 3 column-gap: 40px; 4 }
?
文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/1264.html
摘要:元素是使用小于號和大于號包裹元素名來標示。一個結(jié)束標簽表示元素的結(jié)束它由小于號元素名組成例如。和嵌套在內(nèi),它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據(jù)元素類型選擇元素。 可以的話,請想象一下互聯(lián)網(wǎng)沒有發(fā)明之前的日子。網(wǎng)站還不存在,紙質(zhì)的書本是我們主要的信息來源,而在書本中查詢我們想要的資料會耗費相當多的精力和時間。 而如今,你打開個瀏覽器用搜索引擎搜索,任...
摘要:元素是使用小于號和大于號包裹元素名來標示。一個結(jié)束標簽表示元素的結(jié)束它由小于號元素名組成例如。和嵌套在內(nèi),它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據(jù)元素類型選擇元素。 可以的話,請想象一下互聯(lián)網(wǎng)沒有發(fā)明之前的日子。網(wǎng)站還不存在,紙質(zhì)的書本是我們主要的信息來源,而在書本中查詢我們想要的資料會耗費相當多的精力和時間。 而如今,你打開個瀏覽器用搜索引擎搜索,任...
摘要:通用格式規(guī)范縮進一次縮進個空格,不要使用或者混合和空格的縮進。語義化根據(jù)使用場景選擇正確的元素有時被錯誤的稱為標簽。格式規(guī)范引號屬性值用雙引號。風格規(guī)范和命名使用有含義的和名稱。和單位值為時不用添加單位。 原文 Google HTML/CSS Style Guide 背景 這篇文章定義了 HTML 和 CSS 的格式和代碼規(guī)范,旨在提高代碼質(zhì)量和協(xié)作效率。 通用樣式規(guī)范 協(xié)議 圖片,樣...
摘要:通用格式規(guī)范縮進一次縮進個空格,不要使用或者混合和空格的縮進。語義化根據(jù)使用場景選擇正確的元素有時被錯誤的稱為標簽。格式規(guī)范引號屬性值用雙引號。風格規(guī)范和命名使用有含義的和名稱。和單位值為時不用添加單位。 原文 Google HTML/CSS Style Guide 背景 這篇文章定義了 HTML 和 CSS 的格式和代碼規(guī)范,旨在提高代碼質(zhì)量和協(xié)作效率。 通用樣式規(guī)范 協(xié)議 圖片,樣...
摘要:通用格式規(guī)范縮進一次縮進個空格,不要使用或者混合和空格的縮進。語義化根據(jù)使用場景選擇正確的元素有時被錯誤的稱為標簽。格式規(guī)范引號屬性值用雙引號。風格規(guī)范和命名使用有含義的和名稱。 背景 這篇文章定義了 HTML 和 CSS 的格式和代碼規(guī)范,旨在提高代碼質(zhì)量和協(xié)作效率。 通用樣式規(guī)范 協(xié)議 省略圖片、樣式、腳本以及其他媒體文件 URL 的協(xié)議部分(http:,https:),除非文件在...
閱讀 957·2023-04-25 19:40
閱讀 3582·2023-04-25 17:41
閱讀 3063·2021-11-11 11:01
閱讀 2736·2019-08-30 15:55
閱讀 3284·2019-08-30 15:44
閱讀 1426·2019-08-29 14:07
閱讀 534·2019-08-29 11:23
閱讀 1383·2019-08-27 10:54