在 CSS 中将列表项旋转 90 度表现得很奇怪

发布于 2024-12-18 20:00:29 字数 153 浏览 0 评论 0原文

我正在尝试在 CSS3 中旋转无序列表。这是一个小提琴:

http://jsfiddle.net/YGXJr/2/

列表项消失。有什么想法吗?

I am attempting to rotate an unordered list in CSS3. Here's a fiddle:

http://jsfiddle.net/YGXJr/2/

The list items disappear. Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

相对绾红妆 2024-12-25 20:00:29

您必须考虑元素的 transform-origin ,将其更改为:

-vendor-transform-origin: bottom left;

保持列表项可见,尽管它们在 Chromium 中出现,但在左侧完全堆叠在一起。 JS 小提琴

参考:

You have to consider the transform-origin of the elements, changing it to:

-vendor-transform-origin: bottom left;

keeps the list items visible, albeit they appear, in Chromium, entirely stacked upon each other to the left. JS Fiddle.

Reference:

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文