仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 733|回复: 6
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS:使DIV 在扫瞄器窗口中程度垂直居中

[复制链接]
简单生活 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:17:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
<divstyle="position:absolute;top:50%;left:50%;margin:-200px00-275px;width:550px;height:400px">内容。图片笔墨Flash等。请注重,div宽度高度和margin负值需针对内容举行响应设置</div>

申明:

相对定位div
position:absolute;

顶部和右边距
top:50%;left:50%;

利用外补钉margin负值,负值巨细为层本身高度宽度各除以二
margin:-200px00-275px;

测试情况:
IE6
Mozilla2.0.0.5
Opera9.22
Netscape9.0b1
SafariforWindows3.0.2

附:利用此办法有个bug,当扫瞄器窗口小于div时,顶部和左部内容会有所埋没。
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了
变相怪杰 该用户已被删除
沙发
发表于 2015-1-25 11:13:17 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
若相依 该用户已被删除
板凳
发表于 2015-2-8 11:54:46 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
只想知道 该用户已被删除
地板
发表于 2015-2-25 13:31:26 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
因胸联盟 该用户已被删除
5#
发表于 2015-3-7 22:00:18 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
金色的骷髅 该用户已被删除
6#
发表于 2015-3-15 15:55:14 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
小女巫 该用户已被删除
7#
发表于 2015-3-22 03:00:21 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 23:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表