CSS案例:vertical

日期:2020-09-29 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序


CSS案例:vertical-align特性让网页页面层垂直居中.
vertical-align特性使网页页面层垂直居中
网页页面源码以下:
<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#fff;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<div id="center"><p>test content</p></div>
</body>
</html>
PS:发现新浪BLOG另外一个超级变态的地方。原先javascript是能够往里边加的,要使编码显示信息一切正常,务必在多写上1个javascript,好象自定空白面板储存后系统软件会全自动删掉第1个javascript标识。即这样写:
<script><script language="javascript"> function what(){......} document.what...... </script>
想一想也简直不幸,以便这样1个BUG我居然苦苦思量这么久!把模板换为如今这个模样,BANNER和情况全是PS的,唯1的缺点是务必应用层肯定精准定位显示信息BANNER,但假如并不是全屏幕上显示的话这个层就会波动。并且只合适1034*768辨别率(烦闷!)现阶段都还没想出1个好思路处理这个难题!唯1可以做的便是加1句JS,让网页页面开启后全自动最大化。
上一篇:CSS BUG难题处理的1些工作经验 返回下一篇:没有了