打印

[求助] 图片和文字垂直居中的问题

用line_height好像不可以!
用vertical-align:middle好像不可以!
对图片用 margin-top 效果也不好!
各位!这个问题很头疼啊



[ 本帖最后由 nhbklc 于 2008-6-26 10:36 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
www.sbkk8.cn
IE6不支持·············   帮我看看那什么问题呢

 提示:您可以先修改部分代码再运行
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
学习```
css
复制内容到剪贴板
代码:
.ljhg_menu_li{
display:table;
position:relative;
width:140px;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
line-height:30px;
float:left;
margin:0px;
height:30px;
border-bottom:1px dotted #CCCCCC; }
.ljhg_menu_li div{
*position:absolute;
top:50%;
left:0;
display:table-cell;
vertical-align:middle;}
.ljhg_menu_li p{
position: relative;
top:-50%;
text-align:center;
margin:0;
padding:0;}
网页:
复制内容到剪贴板
代码:
<div class="ljhg_menu_li"><div><p><img src="images/ljhg_menu_ico.gif" width="10" height="10" /></p></div> <A href="index.htm" class="menu">博览会首页</A></div>
这是IE6的问题   我前段时间遇到了用这个方法解决的,你可以试试!

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
试了一下·· 4楼的方法  可是图片的位置不好改动吧??
你看我3楼发的那个方法 可以让IE6也对齐吗
学习```

TOP

一直觉得居中用table解决比较好

 提示:您可以先修改部分代码再运行

TOP

我用了一下 HACK
效果是有了· 可是··哎···

 提示:您可以先修改部分代码再运行
学习```

TOP

回复 chiyuderen 在 7# 的帖子

用CSS实现明显代码较多而且兼容性有问题。

TOP