[分享]css3数字横着排

在CSS3中，我们可以使用display: inline-block和transform: rotate来实现数字横着排的效果。

.num {
   display: inline-block;
   transform: rotate(-90deg);
} 

使用以上代码，我们可以将数字进行旋转，在垂直方向上呈现横向排列的效果。需要注意的是，在CSS3中，transform属性需要加上浏览器前缀，以保证浏览器兼容性。

此外，为了让数字间距更加均匀，我们可以为数字添加一些样式，如以下例子：

.num {
   display: inline-block;
   transform: rotate(-90deg);
   font-size: 20px;
   font-weight: bold;
   letter-spacing: 7px;
   margin-right: 10px;
} 

通过添加字号、字重、字母间距等样式，我们可以让数字更加醒目、易读。需要注意的是，在样式中设置的距离，如margin-right，应该根据实际需要适当调整，以达到最佳效果。

总之，使用CSS3可以轻松实现数字横着排的效果，同时也应该注意样式的设置，为数字排版提供更好的体验。