今天小编跟大家讲解下有关css属性让网页文字实现竖排的几种方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css属性让网页文字实现竖排的几种方法 的相关资料，希望小伙伴们看了有所帮助。
以下几种都是用样式style里的属性1.layout-flow : horizontal | vertical-ideographic 参数： horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系 vertical-ideographic : 对象中的内容自上而下流入 下一行在前一行左面。这个值适于亚洲语系在制作网页的时候我觉得用这个比较好 2.word-break : normal | break-all | keep-all 用 keep-all 他可以不让蒙文在排不满的时候断字 但是下行不怎么整齐。 参数： normal : 依照亚洲语言和非亚洲语言的文本规则 允许在字内换行 break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all : 与所有非亚洲语言的normal相同。对于中文 韩文 日文 不允许字断开。适合包含少量亚洲文本的非亚洲文本。 3.style里的 position:absolute;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 属性也可以让文字竖排。 这里提供2类3种解决办法 1：使用flash+xml实现。 将内容放到xml内 在flash内读取并加载到设置好的场景中。text设置文字方向。 2：使用html页面内swf后缀实现。 例：＜param name="movie" value="index.swf?name=文字内容"/＞ 其他基本上与第一个一样。 as3获取地址swf后的参数问题 3：给p定宽定高来实现文字竖排。(汉字哦) 首先确认单位 使用em 设置p的高 假设为20em 那么一列就是20个字符。 CSS 引用 复制代码代码如下: ＃content{overflow:hidden;clear:both;text-align:right} ＃content p{font-size:14px;width:1.2em;display:inline;text-align:center;line-height:1.5em;} HTML 引用 复制代码代码如下: ＜div id="content"> ＜p>内容在这里＜/p＞ ＜p>内容在这里＜/p＞ ＜p>内容在这里＜/p＞ ＜/div＞ 这样的话 content内不能有图片 开始有个＜p＞ 结束有个＜/p＞,然后使用js找到第20、40、60、80...个字 在后边加＜/p＞＜p＞,碰到br也替换成＜/p＞＜p＞ 这个替换好像很熟悉 哦 在这里让用户更好的编辑文本来源：爱蒂网
