html - <ul> 中的文本中心

Question

我正在 ul 中构建导航栏。大多数菜单项都有很长的标题，所以我确实需要将它们换行，如以下代码所示(我在想要返回的地方插入了 br/)

     <ul>
        <li class="cell01on">Menu 1</li>
        <li class="cell02"><a href="#">Menu2.1<br/>Menu2.2<br/>Menu2.3</a></li>
        <li class="cell03"><a href="#">Menu 3</a></li>
     </ul>

我正在尝试获得类似于使用表格并将其单元格中的每一行垂直居中的效果。是否可以在 ul 中重新创建相同的内容？

提前致谢 吉尔斯

Answer 1

首先，如果我没看错的话，Menu 2.1 是一个子菜单，那么清洁工可能是:

<ul class="menu">
    <li class="active">Menu 1</li>
    <li>Menu 2
        <ul>
            <li><a href="#">Menu2.1</a></li>
            <li><a href="#">Menu2.2</a></li>
            <li><a href="#">Menu2.3</a></li>
        </ul>
    </li>
    <li><a href="#">Menu 3</a></li>
</ul>

垂直对齐通常很难在表格外的 CSS 中实现，但请看一下: http://www.student.oulu.fi/~laurirai/www/css/middle/