首页 >web前端 >html教程 >help!please(如何让文字垂直居中?)_html/css_WEB-ITnose

help!please(如何让文字垂直居中?)_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:14:361144浏览

[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>

我的高度和行高是一致的好像

私信发你的 解决了 就结贴吧 没解决继续给我私信

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn