在CSS中，我們可以使用多種方法使菜單占一行，以下是一些常見的方法：

1、使用display: inline-block;：將菜單項設(shè)置為inline-block，可以使它們在一行內(nèi)顯示。

.menu-item {
    display: inline-block;
}

2、使用float: left;：將菜單項設(shè)置為float: left，可以使它們浮動在一行的左側(cè)。

.menu-item {
    float: left;
}

3、使用flex布局：使用CSS的flex布局，可以輕松控制菜單項在一行內(nèi)的排列。

.menu {
    display: flex;
}

4、使用grid布局：CSS的grid布局也適用于控制菜單項在一行內(nèi)的排列。

.menu {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

5、使用text-align: right;：將菜單項設(shè)置為text-align: right，可以使它們在一行內(nèi)靠右顯示。

.menu-item {
    text-align: right;
}

6、使用vertical-align: middle;：將菜單項設(shè)置為vertical-align: middle，可以使它們在一行內(nèi)垂直居中對齊。

.menu-item {
    vertical-align: middle;
}

7、使用transform: translateX(-50%);：將菜單項設(shè)置為transform: translateX(-50%)，可以使它們在一行內(nèi)水平居中對齊。

.menu-item {
    transform: translateX(-50%);
}

8、使用position: absolute; left: 0; right: 0;：將菜單項設(shè)置為***定位，并設(shè)置左右邊界為0，可以使它們在一行內(nèi)水平居中對齊。

.menu-item {
    position: absolute;
    left: 0;
    right: 0;
}

9、使用CSS的text-decoration屬性：通過調(diào)整text-decoration屬性，可以實現(xiàn)對菜單項在一行內(nèi)的裝飾效果。

.menu-item {
    text-decoration: underline; /* 或者其他裝飾效果 */
}

10、使用CSS的border屬性：通過調(diào)整border屬性，可以實現(xiàn)對菜單項在一行內(nèi)的邊框裝飾效果。

.menu-item {
    border: 1px solid #000; /* 或者其他邊框樣式 */
}