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