<script type="text/javascript">

     var con=Ext.create('Ext.panel.Panel',{
        layout:{
          align:'center',
        },
        title:'查询图书',
        height:280,
        renderTo:Ext.getBody(),
        defaults:{
          style:{
            padding;'5px',
          },
          bodyPadding:5
        },
        tools:[
          {
            type:'refresh',
            tooltip:'刷新页面',
            handler:function(event,toolEl,panel){
              alert("用户刷新数据");
            }
          },
          {
            type:'save',
            tooltip:'保存数据',
             handler:function(event,toolEl,panel){
              alert("用户保存数据");
            }
          }
         
        ],
       
        items:[
          {
            title:'出版社信息',
            height:120,
            items:[
              {
                 fieldLabel:'输入出版社',
                 xtype:'textfield'
              }
            ],
            flex:2          },
          {
             title:'作者信息',
            height:120,
            items:[
              {
                 fieldLabel:'输入作者',
                 xtype:'textfield'
              }
            ],
            flex:2          }
        ]
             });

    
     </script>

flex是设置比例的，你这段代码flex应该没用吧，一般用于border布局，hbox,vbox布局会用到，你这段代码看不出来什么布局，写的有问题。layout里面只有align，type呢