css3 横向显示 |css中表格主题

示例代码：
Item 1
Item 2
Item 3
.container {
display: flex;
flex-direction: row;
}
.item {
flex: 1;
padding: 10px;
background-color: #ccc;
}

以上是一个简单的横向显示示例，大家可以看到，容器使用了 flex 布局，并将 flex-direction 属性设置为 row，表示横向排列。而每个元素则使用了 flex 属性，设置为 1，表示每个元素等宽，具体宽度占用空间则由容器自动分配。此外，每个元素都设置了 padding 和背景颜色，以增加可视化效果。

CSS3 的横向显示不仅可以实现等宽布局，还能实现不等宽的布局，灵活变换元素的排列方式，适应不同的需求。总之，通过 CSS3 的横向显示功能，大家可以轻松实现多种页面布局效果，为用户带来更加优秀的体验。