CSS 可以輕松實現 X 軸的布局，只需要簡單的一些代碼就可以實現水平排列的效果。

/* 將容器設置為 flex 布局 */
.container {
display: flex;
flex-direction: row; /* 水平方向排列 */
}
/* 子元素設置為均等分布 */
.item {
flex: 1; /* 均等分布 */
margin: 0 10px; /* 設置子元素之間的間距 */
}
/* 單獨某個元素進行定位 */
.item.second {
margin-left: auto; /* 左對齊 */
margin-right: 0; /* 右對齊 */
}

通過以上代碼，我們就可以實現 X 軸的布局了。但是需要注意的是，這種方式不適用于 IE8 及以下的瀏覽器。