注册
登录
标签
在线时间兑换积分
帮助
精品酷站论坛
»
CSS代码交流
» DIV文字垂直居中
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
DIV文字垂直居中
junstudio
管理员
个人空间
发短消息
加为好友
当前离线
1
#
大
中
小
发表于 2007-7-30 21:54
只看该作者
DIV文字垂直居中
此方法是针对多行文字或者高度不定的情况。
如果是单行文字的话，只要设定行高和DIV高一样就行了。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DIV中文字垂直居中</title> <style type="text/<span href="tag.php?name=css" onclick="tagshow(event)" class="t_tag">css</span>"> /*定义最外层*/ #outer{position:relative;width:300px;height:200px;border:1px solid #000;} /*for ie*/ #middle{position:absolute;top:50%;} #inner{position:relative;top:-50%;width:100%;text-align:center;} /*for firefox*/ #outer[id]{position:static;display:table;} #middle[id]{position:static;display:table-cell;vertical-align:middle;} </style> </head> <body> <div id="outer"><div id="middle"><div id="inner">文字垂直居中</div></div></div> </body> </html>
提示：您可以先修改部分代码再运行
UID
27
帖子
861
精华
17
积分
3719
阅读权限
200
在线时间
233 小时
注册时间
2007-5-29
最后登录
2008-10-14
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
设计人
插画
网页设计
摄影图片
平面设计
设计师加油
站务区
站务管理
娱乐其他
智力游戏
投资理财
娱乐时尚
IT风向标
社会新闻
灌水专区
娱乐八卦
资源共享区
酷站资源
提交酷站
PS笔刷/样式/滤镜&插件
开源软件
免费资源区
实用软件/手册
代码交流区
WEB2.0 / AJAX
ASP,PHP,JSP...
JS,UI框架开发
JQuery
mootools
ProtoType
DHTML eXtensions
CSS代码交流
控制面板首页
编辑个人资料
积分记录
公众用户组
个人空间管理
基本概况
版块排行
主题排行
发帖排行
积分排行
交易排行
在线时间
管理团队
393张高清晰web2.0站点截图
425款精品毛笔墨迹+38款墨迹底纹..
10位Master级别的Photoshop高手
绝对漂亮的笔刷
Soul 近期新作品欣赏..
熟女养成日志—长草
魔幻抽象/吸血鬼传说！！
photoshop仿CG滤镜
新手必看：积分、资源币、人民币、用户级别、发贴教程
设计QQ群:31195683
