CSS实例:vertical-align属性让网页层居中
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
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另一个tips。原来javascript是可以往里面加的，要使代码显示正常，必须在多写上一个javascript，好象自定义空白面板保存后系统会自动删除第一个javascript标记。即这样写：
<script><script language="javascript"> function what(){......} document.what...... </script>
想想也真是倒霉，为了这样一个BUG我竟然苦苦思量这么久！把模版换成现在这个样子，BANNER和背景都是PS的，唯一的缺陷是必须使用层绝对定位显示BANNER，但如果不是全屏幕显示的话这个层就会浮动。而且只适合1034*768分辨率（郁闷！）目前还没有想出一个好思路解决这个问题！唯一能够做的就是加一句JS，让页面打开后自动最大化。
相关文章
深入理解CSS中的vertical-align属性和基线问题
这篇文章主要介绍了深入理解CSS中的vertical-align属性和基线问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考2020-04-03- 本文向大家介绍一下CSS vertical-align 属性的用法，该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。2014-10-22
css中图片于文本的基线对齐与vertical-align属性设置
默认的情况是图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐，接下来为大家详细介绍下设置各对象的vertical-align属性，感兴趣的朋友可以参考下哈2013-04-02css 垂直对齐 css中vertical-align属性(垂直对齐)的使用说明
这两天写个页面css的时候用到了vertical-align属性，使用过程中踩到了坑,因此整理了一些，以备不时之需，感兴趣的朋友可以了解下哦2013-01-09- vertical-align属性详细分析 最近几天仔细研究了一下vertical-align这个属性，结果让我大吃一惊，这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同2009-02-10
CSS中的vertical-align用于设置行内块或者行内元素行内元素的对齐方式，使用过程中的坑很多，本文就详细的介绍一下vertical-align属性的具体使用方法，感兴趣的可以了解一2023-05-11
最新评论