HTML:如何创建一个可伸缩的布局,将元素粘贴到边缘

HTML:如何创建一个可伸缩的布局,将元素粘贴到边缘,html,css,layout,extjs,Html,Css,Layout,Extjs,我正在尝试这样做: : : ..:..................................................:.. :B <center>B</center> B: : : :

我正在尝试这样做:

  :                                                  :
..:..................................................:..
  :B               <center>B</center>               B:
  :                                                  :
  :   Sed et velit sit amet eros pulvinar auctor.    :
  :   Integer tristique facilisis velit, vitae       :
  :   rhoncus neque auctor sit amet. Ut              :
  :   condimentum porta ipsum, eu luctus quam        :
  :B  tincidunt ut. Sed id dolor eros. Aenean       B:
  :   semper volutpat leo, vel euismod tellus        :
  :   feugiat vitae. Aenean varius, ipsum eu         :
  :   fringilla tincidunt, leo nunc feugiat          :
  :   neque, vitae imperdiet sapien orci ut ipsum.   :
  :                                                  :
  :B               <center>B</center>               B:
..:..................................................:..
  :                                                  :
::
..:..................................................:..
:B:
:                                                  :
:她坐在爱神的宝座上
:Integer tristique facilisis velit,vitae:
:rhoncus neque拍卖人坐在阿梅特。美国犹他州:
:调味品门ipsum,eu luctus quam:
:B tincidunt ut。我是多洛厄洛斯。埃尼安B:
:塞姆珀·帕特·利奥,韦勒·尤伊斯莫·泰勒斯:
:世仇。埃尼安·瓦里乌斯、伊普苏姆·欧盟:
:弗林尼利亚·廷西登,利奥·努克·费吉亚特:
:内克,智者之命或同侧之命:
:                                                  :
:B:
..:..................................................:..
:                                                  :
B是小按钮,大小不同,但非常相似

我想把它放在一个可调整大小的Ext.窗口中,因此它需要能够相应地进行缩放。UI的感觉应该是按钮粘在窗框的两侧-因此窗口显示为一个正常的外部窗口,边缘有按钮

我尝试过使用
结合相对和绝对定位、浮动和四个左、右、下和上定位来实现这一点


但是到目前为止,我的组合还没有达到目的。

您应该看看和布局

我认为这会有点棘手,但如果你使用多个面板,这应该是可能的

一种可能性是使用hbox布局并制作3个面板

窗口将具有锚定布局,因此您可以根据窗口调整三个子面板的大小。子面板将具有hbox布局和带有
flex:1
的中心单元

你应该在游戏中获得一个战利品,并尝试结合布局来制作你需要的东西

做这样的东西

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + + HBOX layout panel 1 + + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + + HBOX layout panel 1 + + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + + HBOX layout panel 2 + + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
祝你好运

你应该看看地图和布局

我认为这会有点棘手,但如果你使用多个面板,这应该是可能的

一种可能性是使用hbox布局并制作3个面板

窗口将具有锚定布局,因此您可以根据窗口调整三个子面板的大小。子面板将具有hbox布局和带有
flex:1
的中心单元

你应该在游戏中获得一个战利品,并尝试结合布局来制作你需要的东西

做这样的东西

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + + HBOX layout panel 1 + + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + + HBOX layout panel 1 + + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + + + HBOX layout panel 2 + + + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
祝你好运

当然-为什么我没有想到看看自己的布局。谢谢你指着我面前的墙——我会试试看;)它工作得很好。我必须让按钮不拉伸(使用
hbox
中的更多元素)并使用
vbox
垂直对齐侧面按钮,这要复杂一点。非常感谢:DOfcourse-为什么我没有想到看看自己的布局。谢谢你指着我面前的墙——我会试试看;)它工作得很好。我必须让按钮不拉伸(使用
hbox
中的更多元素)并使用
vbox
垂直对齐侧面按钮,这要复杂一点。非常感谢:D