案例:Extjs案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <link href="//cdn.bootcss.com/extjs/6.2.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
5
   <script type="text/javascript" src="//cdn.bootcss.com/extjs/6.2.0/ext-all.js"></script>
6
   <script type="text/javascript">
7
      Ext.onReady(function() {
8
         Ext.create('Ext.container.Container', {
9
            renderTo : Ext.getBody(),
10
            layout : 'anchor' ,
11
            width : 600,
12
            items : [{
13
               title : 'Panel 1',
14
               html : 'panel 1',
15
               height : 100,
16
               anchor : '50%'
17
            },{
18
               title : 'Panel 2',
19
               html : 'panel 2',
20
               height : 100,
21
               anchor : '100%'
22
            },{
23
               title : 'Panel 3',
24
               html : 'panel 3',
25
               height : 100,
26
               anchor : '-100'
27
            },{
28
               title : 'Panel 4',
29
               html : 'panel 4',
30
               anchor : '-70, 500'
31
            }]
32
         });
33
      });
34
   </script>
35
</head>
36
<body>
37
</body>
38
</html>