ExtJs学习笔记(15)_fit布局

简介: fit布局很好理解,容器内的组件会自动充满整个容器       Ext.onReady(function() {        var win = new Ext.Window({            title: "fit Layout",            height: 200, ...

fit布局很好理解,容器内的组件会自动充满整个容器

 

< script type = " text/javascript " >
    Ext.onReady(
function ()  {
        
var win = new Ext.Window({
            title: 
"fit Layout",
            height: 
200,
            width: 
200,
            plain: 
true,
            layout: 
'fit',           
            items: 
{
                html:
"这就是内容区,会自动充满容器,要注意的事,通常fit布局只能有一个item,即使你放多个item,第一个item也会自动充满容器,把其它item给挡住"               
            }
                  
        }
);
        win.show();
    }
);
< / script>


效果图:

目录
相关文章
|
3月前
|
前端开发 开发者 容器
探索现代Web开发中的CSS Grid布局技术
【8月更文挑战第29天】在数字时代的浪潮中,网页设计不断进化以适应日新月异的用户需求。CSS Grid布局技术作为一项革新性的前端工具,为设计师和开发者提供了前所未有的布局能力。本文旨在通过深入浅出的方式介绍CSS Grid的核心概念、基本用法以及在实际项目中的应用,帮助读者快速掌握这一强大的网页布局工具。
52 3
|
5月前
|
前端开发 开发者 容器
CSS进阶-Grid布局高级应用
【6月更文挑战第16天】**CSS Grid布局是CSS3的强大力量,用于复杂二维布局。然而,隐式网格、未命名Grid线和缺少响应式设计是常见问题。解决方法包括显式定义网格结构、命名Grid线和结合媒体查询实现响应式。高级技巧涉及自适应列宽、复杂区域布局和元素层叠对齐。代码示例展示了响应式Grid的用法。掌握这些能提升布局效率和设计灵活性。**
70 11
|
4月前
|
前端开发
前端 CSS 经典:clip-path 裁剪
前端 CSS 经典:clip-path 裁剪
35 0
|
6月前
|
前端开发
前端 CSS 经典:clip、clip-path
前端 CSS 经典:clip、clip-path
59 0
|
6月前
|
前端开发 UED 容器
【专栏:CSS进阶篇】CSS Grid布局:构建复杂的二维布局
【4月更文挑战第30天】CSS Grid布局是二维布局系统,适用于复杂页面结构,如页眉、主体和侧边栏。通过定义网格线和单元格,能轻松创建行和列。基本语法包括设置容器为grid容器,定义`grid-template-rows`和`grid-template-columns`。高级特性包括命名网格线、网格区域、网格间隙、重复网格线和自动填充。在实际应用中,CSS Grid能有效提升开发效率和用户体验,尤其在响应式设计和复杂布局场景下。
103 0
|
6月前
|
前端开发 容器
css极速入门 —— grid布局
css极速入门 —— grid布局
63 1
|
前端开发 容器
CSS学习之Grid布局的学习 | 青训营
CSS学习之Grid布局的学习 | 青训营
70 0
|
容器
【D3.js 学习总结】20、D3布局-捆图
# d3.layout.bundle() ![](https://img.alicdn.com/tps/TB19Q82LXXXXXawXVXXXXXXXXXX-500-500.png) 下图是航班查询网站全球航班雷达(FlightRadar24)显示的今日长三角地区的飞机飞行图: ![](https://img.alicdn.com/tps/TB1jp4WLXXXXXaraXXX
3598 0
|
前端开发
CSS 奇思妙想 | Single Div 绘图技巧
CSS 奇思妙想 | Single Div 绘图技巧
131 0
CSS 奇思妙想 | Single Div 绘图技巧
|
前端开发 容器 JavaScript
CSS Grid布局入门
相信大家都比较熟悉flex布局了,最近有空研究了波grid布局,感觉虽然兼容性还不是太高,应用不是太普遍,但是功能非常强大。未来应该是grid+flex为主流,grid是二维布局,很灵活,适合整体构架,而flex是一维布局,适合处理局部细节。
1176 0