/*将数字竖排*/ .vertical-number { display: inline-block; writing-mode: vertical-lr; text-orientation: mixed; }
在样式中,大家为数字容器设置display:inline-block样式,使数字能够水平排列。然后,大家使用writing-mode: vertical-lr属性将体现数字的容器旋转90度。最后,为了确保数字正确显示,大家使用text-orientation: mixed属性。
使用此技术需要注意,数字竖排在某些浏览器中可能不起作用。 例如,在IE 10之前的版本中,数字竖排无法正确显示。此外,竖排数字可能在某些设备上看起来比其他设备模糊或模糊。
总的来说,CSS3数字竖排是一种非常实用的技术,能够帮助大家创建独特的网页设计,但需要在使用时注意兼容性和细节问题。