CSS中有一種布局方式叫做兩端布局，也被稱為“彈性盒子布局”或“Flexbox布局”。它可以讓頁面元素在水平或垂直方向上按照設定的比例自動布局，適應不同的屏幕大小和設備。

兩端布局使用的是display:flex屬性，具有以下幾個核心屬性：

.container {
display: flex;
justify-content: space-between; /*讓元素兩端對齊*/
align-items: center; /*讓元素垂直居中*/
}

以上代碼中，.container是容器元素的類名，其它屬性的作用如下：

display:flex：設置容器元素為彈性盒子。

justify-content:space-between：讓子元素在水平方向上兩端對齊，中間的空白區域自動分配。

align-items:center：讓子元素在垂直方向上居中對齊。

除了以上屬性，還有許多其它的控制彈性盒子布局的屬性，比如flex-basis、flex-grow、flex-shrink等，它們可以在不同的場景下使用，實現更加靈活的布局效果。

在使用兩端布局時，需要注意以下幾點：

• 彈性盒子中的子元素一般都是塊狀元素，因為內聯元素無法在彈性盒子中按照比例分配空間。
• 不同瀏覽器對彈性盒子布局的支持可能不盡相同，需要做好兼容性處理。
• 兩端布局僅適用于較簡單的布局需求，對于復雜的頁面布局，還需要結合其它布局方式使用。

總的來說，兩端布局是一種靈活、高效的布局方式，可以跨越不同屏幕尺寸和設備，適應不同的用戶需求。