手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS实例:vertical-align属性让网页层居中
CSS实例:vertical-align属性让网页层居中
摘要:CSS实例:vertical-align属性让网页层居中.vertical-align属性使网页层居中网页源代码如下:body{TEXT-A...

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是可以往里面加的,要使代码显示正常,必须在多写上一个javascript,好象自定义空白面板保存后系统会自动删除第一个javascript标记。即这样写:

<script><script language="javascript"> function what(){......} document.what...... </script>

想想也真是倒霉,为了这样一个BUG我竟然苦苦思量这么久!把模版换成现在这个样子,BANNER和背景都是PS的,唯一的缺陷是必须使用层绝对定位显示BANNER,但如果不是全屏幕显示的话这个层就会浮动。而且只适合1034*768分辨率(郁闷!)目前还没有想出一个好思路解决这个问题!唯一能够做的就是加一句JS,让页面打开后自动最大化。

【CSS实例:vertical-align属性让网页层居中】相关文章:

CSS3之边框多颜色Border-color属性使用示例

巧用CSS自定义网页下划线样式

CSS样式颜色属性的使用

CSS网页布局中默认字体样式

Div+CSS网页制作误区

Div+CSS实例教程:让页脚保持在未满屏页面的底部

CSS 标签属性

DIV+CSS常用的网页布局代码

CSS之overflow属性用法

CSS的position属性在DIV层中的应用

精品推荐
分类导航