如何用CSS实现跨浏览器竖排文字？

使用 CSS 的跨浏览器垂直文本

查询：如何将文本垂直旋转到 90 度角，确保跨浏览器的兼容性浏览器（IE6、Firefox 2、Chrome、Safari、 Opera)？

解决方案：

最新的进步包括CSS3的-webkit-transform、-moz-transform和transform属性。它们的语法是：

transform: rotate(-90deg);
transform-origin: 50% 50%;

对于较旧的浏览器，可以通过以下方式使用旧版 IE 过滤器：

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

此外，对于 Firefox 3.5 或更高版本以及 WebKit/Safari 3.1 或更高版本，可以利用 -moz-transform 和 -webkit-transform 属性：

-moz-transform: rotate(270deg); /* Use 270 degrees for negative angle */
-moz-transform-origin: 50% 50%;

-webkit-transform: rotate(270deg); /* Use 270 degrees for negative angle */
-webkit-transform-origin: 50% 50%;

以上是如何用CSS实现跨浏览器竖排文字？的详细内容。更多信息请关注PHP中文网其他相关文章！