Fatal编程技术网
  • html/
  • Html 如何使用垂直字体创建垂直菜单？

Html 如何使用垂直字体创建垂直菜单？

html css responsive-design

Html 如何使用垂直字体创建垂直菜单？,html,css,responsive-design,Html,Css,Responsive Design,我试图创建垂直菜单显示像在图像中，但正如你们可以看到在设计字体也在垂直位置，所以如何才能做到这一点 我想创建垂直菜单使用ul li，垂直单一字体 我尝试旋转li标记，但未设置 此外，我想使这个菜单响应菜单 页面标题 abcd abcd abcd abcd 尝试此操作并对媒体查询进行响应 同时检查 页面标题 abcd abcd abcd abcd 尝试此操作并对媒体查询进行响应 也检查 <!DOCTYPE html> <html> <head>

我试图创建垂直菜单显示像在图像中，但正如你们可以看到在设计字体也在垂直位置，所以如何才能做到这一点

  • 我想创建垂直菜单使用ul li，垂直单一字体
  • 我尝试旋转li标记，但未设置
  • 此外，我想使这个菜单响应菜单

    • 
页面标题

      

    • abcd
      • 

    • abcd
      • 

    • abcd
      • 

    • abcd
      •
    尝试此操作并对媒体查询进行响应

    同时检查

    
页面标题

      

    • abcd
      • 

    • abcd
      • 

    • abcd
      • 

    • abcd
      •
    尝试此操作并对媒体查询进行响应

    也检查

    <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>

</style>
</head>
<body>


<ul style="list-style-type:none;">
    <li><span style="writing-mode: vertical-rl;">abcd</span></li>
    <li><span style="writing-mode: vertical-rl;">abcd</span></li>
    <li><span style="writing-mode: vertical-rl;">abcd</span></li>
    <li><span style="writing-mode: vertical-rl;">abcd</span></li>
</ul>


</body>
</html>