html表格中一列内容如何竖直显示?
想让表格中的一列(合并所有行的一列)中的内容竖起显示?就是这种显示效果
1
2
2
2
3
3
3
3
3
3
------解决方案--------------------在每个数字的后面加上 <br>
------解决方案--------------------在每个数字的后面加上 <p/>
------解决方案--------------------给这行动态添加样式!不知道行吗.没试过.css可以显示上面的效果.
------解决方案--------------------藐视不支持哦,
这是只有 IE 下能用的
<style type= "text/css ">
<!--
.font1 {text-decoration: none;color:orange;font-size:16px;}
-->
</style>
<div class= "font1 " style= "writing-mode=tb-rl;height:250px;width:300 ">
<p> 盛夏 尚 涛 </p>
<p> 一夜露痕黄粉香 袁运甫 </p>
<p> 瑶池昨夜新凉 王金岭 </p>
<p> 一朵白莲随意开 吴冠南 </p>
<p> 新雨迎秋欲满塘 齐辛民 </p>
<p> 十里荷香 齐辛民 </p>
<p> 濯清莲而不妖 卢世曙 </p>
</div>
------解决方案-------------------- <div style= "writing-mode:tb-rl "> 文字竖排 </div>
Writing-mode 的属性
在 Microsoft® Internet Explorer 5.5 中,通过名为 writing-mode(英文)的 CSS(英文)属性(是当前为 CSS 3(英文)推荐的)启用对垂直布局的支持。下面的示例对于英文和日文内容进行了水平布局和垂直布局的比较。请浏览示例,然后我们将对细节进行深入探讨。
writing-mode 属性有两个要探讨的值:
tb-rl
lr-tb
Tb-rl 表示自上而下、从右向左,说明了应用这种样式的元素的内容走向。Lr-tb 表示从左向右、自上而下,它是所有文字的默认走向,也是英文读者所熟悉的典型的水平走向。与其它任何 CSS 属性一样,可通过外部 CSS 文件,或通过对象模型(style.writingMode(英文)),在一列上指定这些值。
请注意,虽然是东亚语言引发了对垂直布局的支持这一思路,但是任何语言文字都可以采用垂直文字走向。在这种走向中,单独字符的方向取决于它们所属的语言或文稿。为了保持垂直排版的传统,东亚文字的字符均采取竖直方向显示,而其它所有字符,包括拉丁文字符,在采用垂直布局时则顺时针旋转 90° 显示。
------解决方案--------------------关注
------解决方案--------------------语法:
writing-mode : lr-tb | tb-rl
参数:
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左
说明:
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右,上-下的书写方式。但是亚洲语言常有上-下,右-左的书写方式。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为writingMode。请参阅我编写的其他书目。
示例:
div { writing-mode: tb-rl; }
------解决方案--------------------最简单的方法就是在每个数字的后面加上 <br/> 或者 <p/>
------解决方案--------------------方法比较多!这种最好:writing-mode: tb-rl;
------解决方案--------------------路过
------解决方案--------------------valign
------解决方案--------------------没看懂
------解决方案--------------------Css可以实现