HTML li如何垂直居中

最新推荐文章于 2024-04-28 14:33:56 发布

Janine_Z

最新推荐文章于 2024-04-28 14:33:56 发布

阅读量1.9w

点赞数

分类专栏： Web 文章标签： html 标签

本文链接：https://blog.csdn.net/Janine_Z/article/details/57081348

版权

Web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在li标签中加上固定的height：40px（根据自己情况设定），再使用vertical-align属性，属性值为middle，搞定！
相关代码如下：

<ul class="mui-table-view" style="margin-top: 10px;">
    <li class="mui-table-view-cell" style="height:40px;vertical-align:middle;">
        <a id="unfinishedOrder" class="mui-navigate-right">
            li标签垂直居中，哈哈
        </a>
    </li>
</ul>