CSS中块级元素横排是一种常用的页面布局方式。通常情况下，块级元素将会独占一行，自上而下垂直排列，而横排则是指多个块级元素在同一行内水平排列，例如导航栏、横向的分类等。接下来，我们将介绍三种实现方式。

// 第一种方式：float浮动
.nav-bar {
overflow: hidden;
}
.nav-bar li {
float: left;
display: inline-block;
}
// 第二种方式：inline-block
.nav-bar {
font-size: 0;
white-space: nowrap;
}
.nav-bar li {
display: inline-block;
font-size: 16px;
}
// 第三种方式：flex布局
.nav-bar {
display: flex;
}
.nav-bar li {
flex: 1;
}

以上是三种最常用的横排方式，每一种方式的实现代码都有一定的差异。使用float浮动时，需要给父元素添加clear属性，防止浮动元素影响其他元素的布局。使用inline-block时，需要将父元素的字体大小设为0，并将子元素间的间隙清除。flex布局则是近年广受欢迎的实现方式，简洁明了。

无论选择哪种实现方式，横排块级元素应该设置合适的间距和对齐方式，以达到更好的效果。同时，还需要注意响应式布局，对于不同屏幕尺寸的设备，应该采用不同的方式进行适配，保证页面好看且易用。