CSS文字竖排
＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
＜html xmlns="http://www.w3.org/1999/xhtml"＞
＜head＞
＜meta http-equiv="Content-Type" content="text/html; charset=utf-8" /＞
＜title＞无标题文档＜/title＞
＜style type="text/css"＞
*{ font-size:14px;}
.article *{float:left;}
div.vertical_word , p.vertical_word{width:1em;}
＜/style＞
＜/head＞ ＜body＞
＜div class="article"＞
＜div class="vertical_word" style="background-color:#CFC;"＞
文字竖排，中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击！
＜/div＞
＜p class="vertical_word" style="background-color:#9FC;"＞
文字竖排，中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击！
＜/p＞
＜br style="clear:both;"/＞
＜/div＞
＜div class="other" style="background-color:#FF9;"＞
＜p＞中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击。中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击。＜/p＞
＜/div＞
＜/body＞
＜/html＞
相关文档：
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然
后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方
案是在这个div里面加上display:inline;
例如：
<#div ......
png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)
enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true：默认值。滤镜激活。false：滤镜被禁止。
sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图 ......
1.直接加在对象上
<html>
<head>
<title>title</title>
</head>
<body>
<span style="color:red">red</span>
</body>
</html>
2.加到页面头部
<html>
<head>
< ......
今天开始做我们公司内部使用的ITSM系统的静态页面，这个页面好复杂，当然，我是一个才开始做页面的家伙，所以对我来说还有一定的难度。侧栏要折叠，菜单要Js控制，我本来以前是搞编程的，都是直接用人家的页面，css和js都只是会一点皮毛，现在伤到我的心了。
今天还有一个不幸的消息，我竟然挂了一科，大学4年的清白生活啊 ......
