DIV+CSS实现内容垂直居中的一个例子
网页教学网 2008/3/17 23:24:03 深山行者 字体:
大 中 小 浏览 9873
DIV+CSS实现内容垂直居中的一个例子
|
以下是引用片段：
<html>
<title>深山行者</title>
<head>
<style>
.holder{
width:740px;
height:500px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.edge{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
.container{
vertical-align:middle;
display:inline-block;
}
</style>
</head>
<body>
<div class="holder">
<span class="edge">
</span>
<span class="container">
内容
</span>
</div>
</doby>
</htmls> |
- 相关阅读
- 防止点击空链接时，页面往往重置到页首端
- uni-app按钮button利用css伪类after去除灰色边框
- 如何彻底卸载电脑里你不想用的软件
- 中国大宗资产交易网
- Google的265导航站上顶部右边的logo上的眼珠特效 (兼容IE,FF)
- 深山留言板系统(网吧游戏专用) v3.6
- 微信小程序腾讯视频播放组件tencentvideo（wxa75efa648b60994b）
- 四川悠旅地旅游有限公司
- 共有0条关于《DIV+CSS实现内容垂直居中的一个例子》的评论
- 发表评论
苏公网安备 32070502010230号