社区
CSS
帖子详情
CSS中文字垂直居中的问题
idilent
2008-02-14 10:29:39
只适用div,怎么让3行或者多行文字垂直居中?
line-height不可以使用,以为是多行。
谢谢了。
...全文
954
7
打赏
收藏
CSS中文字垂直居中的问题
只适用div,怎么让3行或者多行文字垂直居中? line-height不可以使用,以为是多行。 谢谢了。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Mata丶
2011-07-13
打赏
举报
回复
楼上牛人,我找这个好久了
idilent
2008-02-14
打赏
举报
回复
LS的不可以。
tantaiyizu
2008-02-14
打赏
举报
回复
<div valign="middle"></div>
一把编程的菜刀
2008-02-14
打赏
举报
回复
<title>DIV中文字垂直居中</title>
<style type="text/css">
/*定义最外层*/
#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>
此方法是针对多行文字或者高度不定的情况。
如果是单行文字的话,只要设定行高和DIV高一样就行了
一把编程的菜刀
2008-02-14
打赏
举报
回复
style type="text/css">
<!--
.con_div{
width:400px;
height:300px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
background:red;
color:#fff
}
/*FOR IE*/
.knowsky{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
-->
</style>
<div class="con_div">
<span class="knowsky"></span>
测试内容
</div>
例子,是这样的吗?
一把编程的菜刀
2008-02-14
打赏
举报
回复
text-align: center;
用这个呢?
CSS
实现完美
垂直居
中
- 蓝色理想
CSS
实现完美
垂直居
中
- 蓝色理想
DIV+
CSS
图片
垂直居
中
效果
DIV+
CSS
图片
垂直居
中
效果
div
垂直居
中
-
CSS
元素
垂直居
中
方法的探究
针对学员疑问“div
垂直居
中
?”引出的“
CSS
元素
垂直居
中
一系列方法的探究”的针对性课程,课程包含两方面:1、文本
垂直居
中
的解决方案;2、块级元素
垂直居
中
的解决方案。
CSS
解决未知高度的DIV
垂直居
中
CSS
解决未知高度的DIV
垂直居
中
CSS
解决未知高度的DIV
垂直居
中
css
多行文本
垂直居
中
css
多行文本
垂直居
中
显示,兼容各大浏览器!
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章