当前位置: 代码迷 >> HTML/CSS >> css文字垂直居中展示,li垂直居中
  详细解决方案

css文字垂直居中展示,li垂直居中

热度:105   发布时间:2012-11-25 11:44:31.0
css文字垂直居中显示,li垂直居中
笨办法:填充多高距离,使其看起来居中显示
<li url="/lottery/index.htm" class="infoBtn swapImage fucai" style="background-image: url('/images/zyt/wlbtysh_btn.png');">
     <hr style="height:23px;border:0px;" />未来宝卡特约商户查询
</li>


主要是:line-height,vertical-align对此表情不支持,text-align支持水平居中
jQuery("li").css({
			"width" : "419",
			"height" : "91",
			"border" : "0",
			"vertical-align" : "middle",
			"font-size" : "22px",
			"color" : "white",
			"line-height" : "3.5"
		}).addClass("text_center");
  相关解决方案