- php基础编程 - 图片和文字垂直居中对齐 - 喜悦国际村

喜悦国际村 » php基础编程 » 图片和文字垂直居中对齐

喜悦证交所已经关闭

上一主题

下一主题

angeljyt
中级会员
Rank: 3

UID 72645
精华 0
积分 428
帖子 394
金钱 428 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2006-5-1
状态离线

[广告]: q m

图片和文字垂直居中对齐

请教各位大虾.怎么让图片和文字垂直居中对间.
我现在用一个列表显示3个银行账号.每个银行有一个做好的图片.高35px,我想让后面的账号和图片上的银行名字垂直居对齐.

我现在有2种显示图片的方式

1.把图片显示为li的背景图片.
<ul>
<li style="list-style-image:url('abc.gif')">农行账号
</ul>

2.把图片显示为li内容.
<ul>
<li><img src="abc.gif"> 农行账号
</ul>

附件: 您所在的用户组无法下载或查看附件

2007-1-24 05:52 PM

baros_php
新手上路
Rank: 1

UID 84960
精华 0
积分 26
帖子 22
金钱 26 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2006-12-18
状态离线

首先声明我是个菜鸟啊!
这个问题,直接改变图片与文字的对齐方式即可!
如果,你用dw的话, 可以先点图片 ,然后在下面的对齐属性里,选择居中对齐即可.
呵呵 __

2007-1-24 06:02 PM

sanders_yao
版主
Rank: 7

or2 =333

UID 30286
精华 0
积分 11758
帖子 4930
金钱 11755 喜悦币
威望 0
人脉 3
阅读权限 100
注册 2004-7-23
来自北京菜户营
状态离线

[推荐阅读] 请教数据库的问题!

图片设成背景
尝试一下调整li标记样式的line-height属性让其等于图片高度
左边在margin-left出图片的宽度

[ 本帖最后由 sanders_yao 于 2007-1-24 06:24 PM 编辑 ]

2007-1-24 06:22 PM

angeljyt
中级会员
Rank: 3

UID 72645
精华 0
积分 428
帖子 394
金钱 428 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2006-5-1
状态离线

[推荐阅读] 招娉制做几个php html静态叶面

谢谢.在IE下我已经实现了.可是在firefox里还是不行.
代码如下
<ul style="list-style:none;list-style-position:inside;margin-top:0;">
<li style="list-style-image:url('abc.gif');vertical-align:middle;height:35px;"><span style="height:22px;line-height:22px;"> 9559 9800 xxxxxxxxx</span></li>

</ul>

2007-1-25 11:26 AM

yondy (yondy)
新手上路
Rank: 1

初级会员

UID 63886
精华 0
积分 32
帖子 41
金钱 32 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2005-3-31
状态离线

[推荐阅读] 请教pack 和unpack函数的详细用发

用背景图片比较容易
如果图片设为绝对居中,在IE下是正常的,但在ff,文字跟图片底部对齐了

2007-1-25 11:32 AM

sanders_yao
版主
Rank: 7

or2 =333

UID 30286
精华 0
积分 11758
帖子 4930
金钱 11755 喜悦币
威望 0
人脉 3
阅读权限 100
注册 2004-7-23
来自北京菜户营
状态离线

最好用background:url(abc.gif) no-repeat 0 0;
不要用list-style-image属性
可以在ul中使用list-style:none;将列表标志关闭

2007-1-25 11:35 AM

angeljyt
中级会员
Rank: 3

UID 72645
精华 0
积分 428
帖子 394
金钱 428 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2006-5-1
状态离线

[推荐阅读] 急...在线等...判断字段问题

谢谢.我已经搞定了.用第二种方法.设置img标签的align为absmiddle
<ul>
<li><img src="abc.gif" align="absmiddle"> 农行账号
</ul>

在IE 和firefox下都正常了.

2007-1-25 12:50 PM

klht (宇宙)
中级会员
Rank: 3

UID 77270
精华 0
积分 427
帖子 1082
金钱 426 喜悦币
威望 0
人脉 1
阅读权限 30
注册 2006-7-30
来自 UN星系
状态离线

[推荐阅读] 这个竞猜网站俺帮忙做了部份，大家有空去玩玩如何？

晕了...............

什么时候才能找到梦寐以求的PHPER工作...

2007-1-25 01:34 PM

可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间

(冀ICP备05009913号)	管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐)	清除 Cookies - - Archiver - WAP