Rumah > hujung hadapan web > html tutorial > help!please(如何让文字垂直居中?)_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:14:36
asal
1180 orang telah melayarinya

[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>
Salin selepas log masuk

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

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

Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan