我尝试创建像图像中那样的垂直菜单显示,但正如您在设计字体中看到的那样也在垂直位置,那么如何才能做到这一点?
- 我想使用 ul li 创建垂直菜单,垂直单一字体
- 我尝试旋转 li 标签但没有设置
- 我也想把这个菜单做成响应式菜单
最佳答案
<!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>
试试这个,用媒体查询做响应
同时检查 https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation
关于html - 如何使用垂直字体创建垂直菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55193723/