根据内容宽度切换无序列表显示模式

时间:2015-03-20 08:43:57

标签: css css3

我的问题:

有没有办法自动切换UL>LI显示模式(垂直/水平 - block/inline-block ),具体取决于LI的内容宽度(没有JS / Jquery )?


情况:

  • 我有一个使用CSS以图形方式设置的列表。
  • 此列表仅显示3个项目,使用不同语言(多语言网站)。
  • 对于英文网站,容器很大,需要水平显示列表。不幸的是,对于德国网站,项目不会显示在1行。这就是为什么我希望整个列表垂直显示。我可以使用德国网站的特殊课程来完成它,但我想要一个适合两者的解决方案。

这是Fiddle


规格

  • 我想找到一个没有JS / jQuery的解决方案
  • 我想将同一个班级用于英语/德语列表

有可能吗?

感谢您阅读/评论/回答。

0 个答案:

没有答案