订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

DIV+CSS实现内容垂直居中的一个例子

网页教学网 2008/3/17 23:24:03 深山行者 字体: 浏览 9274

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>

相关阅读
深山旅行社网站管理系统 v1.8
ASP 格式化显示时间为几个月,几天前,几小时前,几分钟前,或几秒前
微信小程序发送给朋友与分享到朋友圈显示灰色的但是按钮分享可以使用
网页中自动换行问题
ASP版通过身份证信息获取对应的生日性别年龄
asp简易论坛制作教程(三)——数据库的设置
javascript编写的网页版的打字测试程序
asp加载xml 用于验证目标网站是否更新
共有0条关于《DIV+CSS实现内容垂直居中的一个例子》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>最新添加文章
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
windows7环境下安装配置jdk
python对微信操作要用到这两个库wxpy与itchat
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
解决国内 github.com 打不开的准确方法
更多>>随机抽取信息
26件网站推广网页优化必须的事情
张家港国贸旅行社有限公司
ASP实现不打开直接下载txt,jpg...类文件
振辉除氧器
uni-app自定义loading组件
当鼠标移到图片上时会发生梦幻般轮流变化的图片特效