国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[HTML/CSS]colum-gap屬性

tianlai / 592人閱讀

摘要:屬性定義及使用說明的屬性指定的列之間的差距。注意如果指定了列之間的距離規則,它會取平均值。語法值描述一個指定的長度,將設置列之間的差距指定一個列之間的普通差距。

屬性定義及使用說明

column-gap的屬性指定的列之間的差距。

注意:?如果指定了列之間的距離規則,它會取平均值。

?

?

語法

column-gap:?length|normal; ?
描述
length 一個指定的長度,將設置列之間的差距
normal 指定一個列之間的普通差距。 W3C建議1EM值
? ?

Flex layout(存在兼容性問題)

HTML

1 <div id="flexbox">
2   <div>div>
3   <div>div>
4   <div>div>
5 div>

CSS

#flexbox {
  display: flex;
  height: 100px;
  column-gap: 20px;
}
#flexbox > div {
  border: 1px solid green;
  background-color: lime;
  flex: auto;
}

Result

Result ?

Grid layout(存在兼容性問題)

HTML

1 <div id="grid">
2   <div>div>
3   <div>div>
4   <div>div>
5 div>

CSS

 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 }

Result

Result ? ?

Multi-column layout

HTML

1 <p class="content-box">女流直播和解說的游戲不同于國內常見的流行游戲,以優秀的獨立游戲和極具藝術性富含哲理的頂尖大作為主。獨立游戲的走向相對地取決于開發者,他們可以做自己想做的游戲而不受限制,所以這類游戲往往帶有作者的態度和表達。這類游戲不同于聲勢浩大的大型游戲,卻總能給人帶來出乎意料的驚喜。p>

CSS

1 .content-box {
2   column-count: 3;
3   column-gap: 40px;
4 }

?

Result

Result ?

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1264.html

相關文章

  • [譯]HTML&CSS Lesson1: 構建第一張頁面

    摘要:元素是使用小于號和大于號包裹元素名來標示。一個結束標簽表示元素的結束它由小于號元素名組成例如。和嵌套在內,它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據元素類型選擇元素。 可以的話,請想象一下互聯網沒有發明之前的日子。網站還不存在,紙質的書本是我們主要的信息來源,而在書本中查詢我們想要的資料會耗費相當多的精力和時間。 而如今,你打開個瀏覽器用搜索引擎搜索,任...

    X_AirDu 評論0 收藏0
  • [譯]HTML&CSS Lesson1: 構建第一張頁面

    摘要:元素是使用小于號和大于號包裹元素名來標示。一個結束標簽表示元素的結束它由小于號元素名組成例如。和嵌套在內,它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據元素類型選擇元素。 可以的話,請想象一下互聯網沒有發明之前的日子。網站還不存在,紙質的書本是我們主要的信息來源,而在書本中查詢我們想要的資料會耗費相當多的精力和時間。 而如今,你打開個瀏覽器用搜索引擎搜索,任...

    LuDongWei 評論0 收藏0
  • [譯]谷歌 HTML/CSS 規范

    摘要:通用格式規范縮進一次縮進個空格,不要使用或者混合和空格的縮進。語義化根據使用場景選擇正確的元素有時被錯誤的稱為標簽。格式規范引號屬性值用雙引號。風格規范和命名使用有含義的和名稱。和單位值為時不用添加單位。 原文 Google HTML/CSS Style Guide 背景 這篇文章定義了 HTML 和 CSS 的格式和代碼規范,旨在提高代碼質量和協作效率。 通用樣式規范 協議 圖片,樣...

    seasonley 評論0 收藏0
  • [譯]谷歌 HTML/CSS 規范

    摘要:通用格式規范縮進一次縮進個空格,不要使用或者混合和空格的縮進。語義化根據使用場景選擇正確的元素有時被錯誤的稱為標簽。格式規范引號屬性值用雙引號。風格規范和命名使用有含義的和名稱。和單位值為時不用添加單位。 原文 Google HTML/CSS Style Guide 背景 這篇文章定義了 HTML 和 CSS 的格式和代碼規范,旨在提高代碼質量和協作效率。 通用樣式規范 協議 圖片,樣...

    whinc 評論0 收藏0
  • 谷歌HTML/CSS規范

    摘要:通用格式規范縮進一次縮進個空格,不要使用或者混合和空格的縮進。語義化根據使用場景選擇正確的元素有時被錯誤的稱為標簽。格式規范引號屬性值用雙引號。風格規范和命名使用有含義的和名稱。 背景 這篇文章定義了 HTML 和 CSS 的格式和代碼規范,旨在提高代碼質量和協作效率。 通用樣式規范 協議 省略圖片、樣式、腳本以及其他媒體文件 URL 的協議部分(http:,https:),除非文件在...

    whataa 評論0 收藏0

發表評論

0條評論

tianlai

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<