前端開發中，常常會用到CSS框橫排，讓若干元素排列在同一行，這在實現導航、標簽等布局時非常常見。下面介紹三種方法實現CSS框橫排。

方法一：使用float屬性

.item {
float: left;
margin-right: 10px;
}

利用float屬性，將每個框都向左浮動，并設置一定的右邊距。這種方法要注意的是，如果框的總寬度大于容器的寬度，框會自動折行。

方法二：使用display:inline-block屬性

.item {
display: inline-block;
margin-right: 10px;
}

利用display:inline-block屬性，讓每個框表現得像行內元素一樣，但又允許設置寬度和高度。同樣設置一定的右邊距，達到橫排效果。

方法三：使用flexbox布局

.container {
display: flex;
}
.item {
margin-right: 10px;
}

利用現代瀏覽器支持的flexbox布局，將容器設置為flex布局，利用justify-content屬性控制水平對齊方式為flex-start，每個框設置一定的右邊距。

無論是哪一種方法，都可以實現CSS框橫排的效果。具體使用哪一種方法，可以根據實際需求和瀏覽器兼容性進行選擇。