p标签下的文字垂直居中


解决办法:将p标签下span标签的line-height设置为p标签的height

代码:

html

<div style="width: 10%; float: left;" class="myDiv-left">
	<p>
		<span>名称</span>
	</p>
	<p>
		<span>品牌</span>
	</p>
	<p>
		<span>口径</span>
	</p>
	<p>
		<span>类型</span>
	</p>
	<p>
		<span>阀体材质</span>
	</p>
	<p>
		<span>阀座材质</span>
	</p>
	<p>
		<span>是否防爆</span>
	</p>
	<p>
		<span>价格</span>
	</p>
</div>

css

.myDiv-left>p {
	height: 36px;
.myDiv-left>p>span {
	line-height: 36px;
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM