我有一个带有几个按钮的工具栏右对齐。但是当我添加一些冗长的 html 内容时，按钮会离开视口。
Ext.define('Project.view.ContainerPanel',{
extend:'Ext.Panel',
requires:['Ext.Panel'],
xtype:'containerPanel',
config:
{
items:[
{
xtype:'toolbar',
title:'Content',
height:46,
ui:'dark',
docked:'top',
items:[
{
xtype:'button',
text:'Back',
ui:'back'
},
{
xtype:'spacer'
},
{
xtype:'button',
text:"left",
ui:'normal',
},
{
xtype:'spacer',
width:1
},
{
html:'Page',
ui:'normal',
height:35
},
{
xtype:'spacer',
width:1
},
{
xtype:'button',
text:"right",
ui:'normal',
},
]
},
{
xtype:'panel',
items:[
{
html:'<div id="msg"></div><div id="view">Huge content without break -> dataaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>',
}
]
},
]
}
});
如何在工具栏中放置所有按钮？任何帮助表示赞赏。