CSS的布局屬性

2021-07-03 18:57:35 字數 2176 閱讀 3827

1)定位:

position:static——預設值,元素為普通布局;

position:relative——元素位置相對於普通位置定位;

position:absolute——元素相對於position值不為static的第一位祖先元素來定位;

position:fixed——元素相對於瀏覽器視窗來定位;

left、right、top、bottom——為定位元素設定偏移量;

z-index——設定定位元素的層疊順序;

2)建立多列布局:(目前瀏覽器除了oprea及ie10以上支援外,其它需要加字首-moz-或-webkit-,ie9以下不支援)

column-count——指定列數;

column-fill——指定內容在列與列之間的分布方式(balance、auto);

column-gap——指定列之間的距離;

column-rule——在一條宣告中設定column-rule-*的簡寫屬性(《寬度》《樣式》《顏色》);

column-rule-color——設定列之間的顏色規則;

column-rule-style——設定列之間的樣式規則;

column-rule-width——設定列之間的寬度;

columns——設定column-span和column-width的簡寫屬性;

column-span——指定元素橫向能跨多少列;

column-width——指定列寬;

3)建立彈性盒布局(目前瀏覽器的支援不夠統一,標準仍在變化中,以下屬性均需加瀏覽器字首)

box-align——如果內容元素的高度小於容器的高度,告訴瀏覽器如何處理多餘的空間;

box-flex——指定元素的可伸縮性,應用於彈性盒容器內的元素;

box-pack——如果伸縮元素達到最大尺寸,告訴瀏覽器如何分配空間;

4)建立**布局

display:table——類似table元素;

display:inline-table——類似table元素,但是建立乙個行內元素;

display:table-caption——類似caption元素;

display:table-column——類似col元素;

display:table-column-group——類似colgroup元素;

display:table-header-group——類似thead元素;

display:table-row-group——類似tbody元素;

display:table-footer-group——類似tfooter元素;

display:table-row——類似tr元素;

display:table-cell——類似td元素;

遠地本著「構築誠信,永續發展」的理念為客戶提供專業的理財服務、財富管理以及產品方案推薦。

遠地將通過自身的專業優勢和有效的資訊交流平台,為資金富裕方和資金需求方打造乙個專業,誠信,共贏,睿智的服務平台,

幫助客戶實現穩定、安全的財富增值,幫助更多優秀的中小型企業融資成功。

遠地將通過自身的專業優勢和有效的資訊交流平台,為資金富裕方和資金需求方打造乙個專業,誠信,共贏,睿智的服務平台,

幫助客戶實現穩定、安全的財富增值,幫助更多優秀的中小型企業融資成功。

遠地將通過自身的專業優勢和有效的資訊交流平台,為資金富裕方和資金需求方打造乙個專業,誠信,共贏,睿智的服務平台,

幫助客戶實現穩定、安全的財富增值,幫助更多優秀的中小型企業融資成功。

遠地本著「構築誠信,永續發展」的理念為客戶提供專業的理財服務、財富管理以及產品方案推薦。

遠地將通過自身的專業優勢和有效的資訊交流平台,為資金富裕方和資金需求方打造乙個專業,誠信,共贏,睿智的服務平台,

幫助客戶實現穩定、安全的財富增值,幫助更多優秀的中小型企業融資成功。

遠地將通過自身的專業優勢和有效的資訊交流平台,為資金富裕方和資金需求方打造乙個專業,誠信,共贏,睿智的服務平台,

幫助客戶實現穩定、安全的財富增值,幫助更多優秀的中小型企業融資成功。

遠地將通過自身的專業優勢和有效的資訊交流平台,為資金富裕方和資金需求方打造乙個專業,誠信,共贏,睿智的服務平台,

幫助客戶實現穩定、安全的財富增值,幫助更多優秀的中小型企業融資成功。

static

relative

absolute

fixed

CSS布局屬性

一 css布局屬性 width 設定物件的寬度 width 45px height 設定物件的高度 height 45px background 設定物件的背景顏色 背景影象。1.背景顏色 background 09f 2.背景影象 repeat x代表橫向重複,還可以設定repeat y。floa...

Css布局屬性詳解

常用 div,form,table,p,pre,h1 h6,dl,ol,ul 塊級元素水平居中 margin 0 auto 2.1 非替換元素 指內容包含在文件中的元素。span,a,strong,em,label,select,textarea,br 2.2 替換元素 根據元素的標籤和屬性,來決定...

css布局屬性(重點!!!)

重點 position定位屬性 relative相對定位特點是 相對於遊覽最上邊的左上角或者右上角來定位,但是 不會讓出原位置 除非浮動後,才會讓出原位置 absolute絕對定位特點 這個有兩種情況 情況1 看他是否有脫離文件流 浮動或相對定位 的父元素,有的話就以他的父元素來定位,情況2 如果沒...