仓酷云

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

[DIV+CSS] 来谈谈:CSS办理未知高度的DIV垂直居中

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

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

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

x
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站。
原文题目:VerticalCenteringinCSS
副题目:YuhusDefinitiveSolutionwithUnknownHeight
只管有CSS的vertical-align特征,可是其实不能无效办理未知高度的垂直居中成绩(在一个DIV标签里有未知高度的文本或图片的情形下)。
尺度扫瞄器如Mozilla,Opera,Safari等.,可将父级元素显现体例设定为TABLE(display:table;),外部子元素定为table-cell(display:table-cell),经由过程vertical-align特征使其垂直居中,但非尺度扫瞄器是不撑持的。
非尺度扫瞄器只能在子元素里设距顶部50%,内里再套个元素距顶部-50%来抵消。
CSS

xhtml

以上CSS代码的长处是没有hacks,接纳了IE不撑持的CSS2选择器#value[id]。
CSS2选择器#value[id]相称于选择器#value,可是InternetExplorer不撑持这类范例的选择器。一样地.value[class],相称于.value,这些只要尺度扫瞄器能读懂。
测试:Firefox1.5、Opera9.0、IE6.0、IE5.0经由过程。


</p>
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。
谁可相欹 该用户已被删除
沙发
发表于 2015-1-17 07:54:22 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
分手快乐 该用户已被删除
板凳
发表于 2015-1-20 15:51:43 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
老尸 该用户已被删除
地板
发表于 2015-1-29 12:45:28 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
兰色精灵 该用户已被删除
5#
发表于 2015-2-6 01:06:49 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
小魔女 该用户已被删除
6#
发表于 2015-2-14 19:50:38 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
爱飞 该用户已被删除
7#
发表于 2015-3-4 10:10:47 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
愤怒的大鸟 该用户已被删除
8#
发表于 2015-3-11 18:18:42 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
若相依 该用户已被删除
9#
发表于 2015-3-19 07:30:23 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
金色的骷髅 该用户已被删除
10#
发表于 2015-3-27 13:11:09 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-4-28 17:17

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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