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

Question

我尝试创建像图像中的垂直菜单显示，但你可以在设计字体中也看到垂直位置，那么怎么做呢？我想使用ul li创建垂直菜单，使用垂直单字体我尝试旋转li标签但没有设置我也想做这个菜单响应菜单

Answer 1

<!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

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

问题描述投票：2回答：1

1个回答

最新问题

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

问题描述 投票：2回答：1

1个回答

最新问题

问题描述投票：2回答：1