1:如果設定了fit=true就會去匹配外層的高寬
[html]view plain
copy
<
divid
="mytabs"
class
="easyui-tabs"
fit=
"true"
border
="false"
>
<
divtitle
="div2"
>
<
divid
="xx"
class
="easyui-layout"
fit=
"true"
border
="false"
>
<
divregion
="north"
title
="條件"
split
="true"
style
="height:100px;padding-top:20px"
>
div>
<
divregion
="center"
style
="padding:5px;background:#eee;"
>
div>
div>
div>
div>
例如此時將此作為tabs的子頁就會被顯示,是因為tabs預設有自己的寬高,他的子頁面div2是乙個標題他適應呀所有layout會被顯示
因為此時不管怎麼設定div2的寬高都不會影響layout的寬高
但如果外層是乙個普通div 沒有easyui設定的預設高寬,layout就會依賴他
[html]view plain
copy
<
divtitle
="div2"
style
="width:100px;"
>
<
divid
="div2"
class
="easyui-layout"
fit=
"true"
border
="false"
>
<
divregion
="north"
title
="條件"
split
="true"
style
="height:100px;padding-top:20px"
>
div>
<
divregion
="center"
style
="padding:5px;background:#eee;"
>
div>
div>
div
所以此時div2就設定為寬度100
所以要注意如果此時div2沒有設定寬高的或layout就不會顯示了 -。-找了很久的原因
特別是作為tabs時的子頁面要注意
也可以在第乙個例子的基礎上在套乙個普通的div他layout能不能被顯示 例如
[html]view plain
copy
<
divid
="mytabs"
class
="easyui-tabs"
fit=
"true"
border
="false"
>
<
divtitle
="div2"
>
<
div>
<
divid
="div2"
class
="easyui-layout"
fit=
"true"
border
="false"
>
<
divregion
="north"
title
="條件"
split
="true"
style
="height:100px;padding-top:20px"
>
div>
<
divregion
="center"
style
="padding:5px;background:#eee;"
>
div>
div>
div>
div>
div>
ok,事實證明不會被顯示,
所以用了fit=true不要亂套div。
**:
easyUI 的datagrid的自適應布局 一
昨天除錯datagrid的頁面自適應,有些東西想要和大家分享一下。先來說datagrid的兩種布局方式 第一種 簡單的布局 課程 題型 查詢 新增修改刪除 題幹難度等級 分值 第二種布局 實現 查詢結果 新增刪除 復用 模板id 不可見用來獲取模板id 模板名稱 期望分值 難度係數 總分操作人 說一...
自適應三欄布局BFC屬性
1 自身浮動 2 雙飛翼 3 絕對定位三種都是通過設定margin值和定位屬性實現自適應三欄。這樣一旦左右兩側欄目寬度變化,就要更改margin的值,十分麻煩。但是在張鑫旭老師的 css世界 中提到一種方法,利用bfc屬性,隨意改變左右兩側的寬度,不需要改變其他值也能實現自適應三欄。具體原因可以參考...
網格自適應 Fluent網格自適應
1,前言 國慶剛過,馬上就要上班,上課了,祝福大家事業學業都有新的進步,新的前途。2,內容簡介 我們在平時做流體分析時,經常會遇到乙個問題,當畫好的網格匯入fluent計算時,看了分析結果,想讓某一部分我們關注的點更加細化一些,我們不得不重新去網格軟體裡調整網格。今天介紹的fluent自帶的網格自適...