前言:
今天來和大家詳細說一下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元素選擇器 不必手動寫呼叫,所指定的元素會自動呼叫 萬用字元選擇器 不必手動寫呼叫,不管有沒有指定元...