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 ......
链接方法：
外部链接样表：<head><link rel="stylesheet" type="text/css" href="*.css"></head>
内部的：1:<head><style type="text/css"> example css </style></head>
&nbs ......
id和class到底要用哪一个？
首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。
id的优点（class的缺点）：id写在css用"#"选择器，class写在css中用"."选择器。"#"选择器的优先级高于"."选择器大约10倍，所以当你需要提升优先级的时候，id标签，或者id容器内的标签将是很容易和有效的。 ......
今天开始做我们公司内部使用的ITSM系统的静态页面，这个页面好复杂，当然，我是一个才开始做页面的家伙，所以对我来说还有一定的难度。侧栏要折叠，菜单要Js控制，我本来以前是搞编程的，都是直接用人家的页面，css和js都只是会一点皮毛，现在伤到我的心了。
今天还有一个不幸的消息，我竟然挂了一科，大学4年的清白生活啊 ......
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法
对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
html
css
1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word ......
