css不在一行显示

在CSS中，我们可以使用行内元素或块级元素来设置样式。行内元素默认不会在一行显示，而是在父元素允许的最大宽度下，自动换行显示。但是有时候，我们需要让行内元素不换行，例如设置导航栏字体样式时，需要将导航栏链接设置为行内元素，但不想让它们换行。

为了实现行内元素不换行的效果，我们可以使用CSS的属性：white-space和word-wrap两个属性。

.nav a {
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
} 

上述代码中，我们将导航栏链接设置为行内块级元素，同时设置white-space为nowrap，表示不换行；同时设置word-wrap为normal，表示不自动换行，当内容超出元素宽度时，会自动出现滚动条。

除了使用white-space和word-wrap属性，我们还可以使用text-overflow属性来控制文本溢出时的显示效果。

.nav a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 

上述代码中，我们将overflow属性设置为hidden，表示当内容超过元素宽度时，将隐藏部分内容。同时，我们将text-overflow属性设置为ellipsis，表示在溢出的位置用省略号表示被省略的内容。

总之，通过使用white-space、word-wrap和text-overflow属性，我们可以实现行内元素不自动换行、溢出时的显示处理等效果。