>웹 프론트엔드 >HTML 튜토리얼 >help!please(如何让文字垂直居中?)_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:14:361149검색

[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으로 문의하세요.