詳解CSS的table layout屬性的用法

2022-09-25 22:33:12 字數 1041 閱讀 8692

前言:

今天來和大家詳細說一下table-layout屬性的用法。  

/*eg:設定**布局演算法*/

table

***本文關鍵詞:table-layout屬性值、定義和用法、固定**布局、自動**布局。

1定義和用法

tablelayou屬性用來顯示**單元格、行、列的演算法規則。

①該屬性指定了完成表布局時所用的布局演算法。

②固定布局演算法比較快,但靈活性不強。

③自動布局演算法比較慢,卻更能反映傳統的html表。

2固定**布局

①與自動**布局相比,允許瀏覽器更快地對**進行布局;

②其水平布局僅取決於**寬度、列寬度、**邊框寬度、單元格間距、而與單元格的內容無關;

③通過使用固定**布局,使用者**在接收到第一行後就可以顯示**。

3自動定**布局

①其列的寬度是由列單元格中沒有折行的最寬的內容設定的;

②由於其需要在確定最終的的布局之前訪問**中的所有內容,此演算法有時會需要較長時間。

4table-layout屬性值

①automatic:(預設值)列寬度由單元格內容設定;

②fixed: 列寬由**寬度和列寬度設定;

③inherit:規定應該從父元素繼承table-layout屬性的值。

注:所有瀏覽器都支援 table-layout 屬性。

任何的版本的 internet explorer (包括 ie8)都不支援屬性值 "inherit"!!!

5理論不如實踐,**走起

說的再多,不如看**理解的快~下面大家一起來看這個栗子↓↓&darwww.cppcns.comr;

(為了大家方便看**,css和html**我就寫在一塊了)

table-layout屬性測試

&l;body>

bbbbbbbbbbbbb

cccrkcohbaeik" border="1" width="100%">

aaaaaaaaaaaaaaaaaaaaaaaaaaaaa

bbbbbbbbbbbbb

ccc

CSS使用詳解

目錄樣式型別 list style type 說明 目錄樣式項屬性指定目錄項標記的型別,當目錄樣式影象值為none或當影象載入選項被關閉時使用。語法 list style type 值 允許值 disc circle square decimal lower roman upper roman lo...

CSS元素詳解

塊元素 block element 一般是其他元素的容器元素,塊元素一般都從新行開始,它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊元素比較特殊,它只能用來容納其他塊元素。如果沒有css的作用,塊元素會順序以每次另起一行的方式一直往下排。而有了css以後,我們可以改變這種...

CSS語法詳解

1.css選擇器 id選擇器 slyle1 類選擇器 slyle2 html元素選擇器 body 萬用字元選擇器 2.css選擇器的呼叫 id選擇器的呼叫方式 你好!類選擇器的呼叫方式 你好!html元素選擇器 不必手動寫呼叫,所指定的元素會自動呼叫 萬用字元選擇器 不必手動寫呼叫,不管有沒有指定元...