• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > css属性让网页文字实现竖排的几种方法

css属性让网页文字实现竖排的几种方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页,文字,竖排等相关知识,佚名 希望在学习及工作中可以帮助到您
以下几种都是用样式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
引用

这个替换好像很熟悉,哦,在这里让用户更好的编辑文本

您可能想查找下面的文章:

  • 在网页标题栏上和收藏夹显示网站logo的实现方法
  • 学习DIV+CSS网页布局之一列布局
  • 网页切图的CSS和布局经验与要点
  • 响应式网页设计的快速教程(适合个人站点)
  • css3使网页、图片变成灰色兼容大多数浏览器
  • 任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
  • css网站布局实录学习笔记第三部分网页布局与定位
  • 常用的网页布局方法单侧固定另一侧适应充满
  • 网页布局之响应式设计简明指南
  • css制作网页中的虚线(border属性的使用方法)

相关文章

  • 2017-08-06CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
  • 2017-08-06在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)
  • 2017-08-06CSS3实现银灰色动画效果的导航菜单代码
  • 2017-08-06firefox不显示border通过清除float便可解决
  • 2017-08-06css box-shadow阴影不透明的解决办法
  • 2017-08-0615个CSS常识 注意一下吧
  • 2017-08-06css reset 重置样式介绍
  • 2017-08-06CSS的预处理框架stylus学习教程
  • 2017-08-06css 块状元素和内联元素
  • 2017-08-06css表头固定样式的方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 不用JS只用CSS制作的网页下拉菜单
    • CSS 控制因Html页面高度导致抖动的问题解决方法
    • css3实现3D色子翻转特效
    • CSS3绘制超炫的上下起伏波动进度加载动画
    • 使用css sprites来优化你的网站在Retina屏幕下显示实现原理与代码
    • CSS制作网页之浅谈CSS编码与组织技巧
    • DIV背景图片在Firefox下不显示通过overflow:auto可解决
    • CSS属性behavior的语法使用说明
    • 鼠标悬停图片产生边框的效果实现
    • 详解CSS中的flex容器与flex属性

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有