Css 垂直对齐导航中的li元素

Css 垂直对齐导航中的li元素,css,navigation,Css,Navigation,我有一个垂直的链接 他们中的一些人很小(例如:家里的人),而且只在一条线上。但是,有些在两行上(例如:向我们注册-换行到下一行) 有没有办法让所有这些文字在ul中垂直对齐 我的UL的固定高度为75px,li的内部也一样(浮动:向左使其垂直) li内的a是显示:块,也有高度和宽度 任何帮助都会很好谢谢你,我不知道怎么做 谢谢我猜你的li在那一分钟浮动,将列表更改为使用display:inline block而不是浮动应该使您能够获得垂直对齐 这可能不是一个直接的交换,它可能需要一两次调整才能看起来

我有一个垂直的链接

他们中的一些人很小(例如:家里的人),而且只在一条线上。但是,有些在两行上(例如:向我们注册-换行到下一行)

有没有办法让所有这些文字在ul中垂直对齐

我的UL的固定高度为75px,li的内部也一样(浮动:向左使其垂直)

li内的a是
显示:块
,也有高度和宽度

任何帮助都会很好谢谢你,我不知道怎么做


谢谢

我猜你的
li
在那一分钟浮动,将列表更改为使用
display:inline block而不是浮动应该使您能够获得垂直对齐

这可能不是一个直接的交换,它可能需要一两次调整才能看起来与您拥有的相同,但是查看您的代码将有助于我们帮助您;)

对不起,我弄错了,它实际上是
display:table cell
这是现代浏览器的答案,但在IE7及以下版本中不起作用


我确信我已经使用IE的内联块完成了这项工作,但在我的档案中找不到它。。我现在要出去了,所以现在我给你留下Chris Coyiers的文章,如果你需要IE7的支持,下面列出了一些不同的IE黑客:

有比这个更多的黑客解决方案,我不知道在所有浏览器上都有。 如果您使用的是css3,则可以使用灵活的方框布局:
如果没有,您可以使用“表”破解:

这可能会让您了解如何根据您的情况进行垂直对齐,并且它会区分每种方法的优点和缺点


GL

你能发布你的代码而不是它的描述吗?如果可以,请将其张贴在。您的链接帮助:)jsut需要做整个表格的事情。:)谢谢。不客气-很高兴这有帮助:)-以防你或其他阅读者不想看到整张桌子;)-下面是一个IE7(yukky!)黑客的小把戏: