html怎么让a标签竖着排

要让a标签竖着排列，可以使用CSS的display属性来实现。可以将a标签的display属性设置为"block"，并设置其宽度和高度，使其占据一定的空间。同时，可以使用CSS的float属性将a标签浮动到左侧或右侧。以下是一个示例代码：

<style>
    .vertical-menu a {
        display: block;
        width: 100px;
        height: 30px;
        float: left;
        text-align: center;
        line-height: 30px;
        text-decoration: none;
        color: #000000;
        margin-bottom: 5px;
    }
</style>

<div class="vertical-menu">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
</div>

在上述代码中，我们创建了一个名为"vertical-menu"的div容器，并将a标签放在其中。通过设置a标签的display属性为"block"，使其独占一行。通过设置width和height属性，可以控制a标签的宽度和高度。通过设置float属性为"left"，使a标签浮动到左侧。通过设置margin-bottom属性，可以控制a标签之间的间距。这样，a标签就会竖着排列显示了。
#### 引用[.reference_title]
- *1* *2* [用HTML ul、li标签创建竖向二级菜单](https://blog.csdn.net/m0_48182879/article/details/106434695)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]