|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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年的艰辛努力,该标准规范终于最终制定完成。 |
|