css - 如何设置a标签内文本垂直居中

问题描述

问 题

源码：http://runjs.cn/code/w2rmnox0
演示 http://runjs.cn/detail/w2rmnox0
全屏：http://sandbox.runjs.cn/show/...

问题： 需求 一个div作为外部container，内部左边有一个img，这个img的高度决定着container的高度，然后在这个div的内部的右边是一个导航栏，导航栏使用div实现，内部包含ol 然后是li（一行显示所有li）然后是a标签，

container的右部导航div 的高度取决于ol的高度，ol的高度取决于所有li标签的高度和，那么如何设置a标签中的文本在container中垂直居中显示？？烦各位指点，

期望显示如下图：

解决方案

flex可以，但是看你要兼容到什么情况，最简单的方法，给imgDiv和nav加上vertical-align: middle就行了

这篇关于css - 如何设置a标签内文本垂直居中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！