Rumah >hujung hadapan web >html tutorial >help!please(如何让文字垂直居中?)_html/css_WEB-ITnose
help!please(如何让文字垂直居中?)_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:14:361153semak imbas
[img=file:///C:/Users/Bai/Desktop/mklm%E6%B4%BB%E5%8A%A8%E4%BA%8C/L3lianxi.html][/img]
回复讨论(解决方案)
[img=QQ截图20120905150308][/img]
[img=http://QQ截图20120905150308][/img]
贴图失败看不到 最好的 文字垂直居中 其实就是 两个层 内层放文字 宽度 无限接近 单个字节宽度就行了。不过不明白可以 私信给我
li里的文字前放了小图标,高度和li的高度是一样的,文字是14px,然后自己弄的效果是文字紧贴底部,想让它垂直居中,请问该如何做?
高度 和行高一致。height 和 line-height 一样的数值
好的 给您发私信了!
.s1 li{ width:600px; height:25px; line-height:25px;font:400 14px/20px "微软雅黑";}.s1 li label{ width:64px; height:25px; background:url(%E6%9C%AA%E6%A0%87%E9%A2%98-1.gif)no-repeat -32px -31px; display:inline-block}.s1{ margin:20px 0 0 20px;}</style></head><body> <ul class="s1"> <li style=" background:#FF0099"><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> </ul> 我的高度和行高是一致的好像
私信发你的 解决了 就结贴吧 没解决继续给我私信
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css中绝对定位的img不能被遮罩层遮住，求解决办法！！_html/css_WEB-ITnoseArtikel seterusnya：请问这种样式不用图片怎么实现，谢谢！_html/css_WEB-ITnose