日期:2014-05-18  浏览次数:20465 次

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&reg; 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可以实现