`

用CSS让网页文字竖排

阅读更多

用CSS让网页文字竖排


网页文字的竖排一般可能出现在网站主题表现文字书画、古色风韵等类网站,虽然竖排在文字处理软件中很容易实现,但在网页中就不那么容易了,为了让初学者少走弯路,这里整理出自己的一些经验供大家参考。
  样式表的文字处理属性中有两个重要的属性:writing-mode和text-align。让我们先看看它们的用法:

1.writing-mode(设置对象书写方向)

语法:writing-mode : lr-tb、tb-rl

参数:lr-tb:从左向右,从上往下  tb-rl:从上往下,从右向左

示例:div { writing-mode: tb-rl; }

2.text-align(设置对象中文本的对齐方式)

语法:text-align : left、right、center、justify

参数:left:左对齐,right:右对齐,center:居中,justify:两端对齐

示例:div { text-align : center; }

接下来让我们制作一个竖排的实例:

< html >

< head >

< title >竖排文字< /title >

分享到:
评论

相关推荐

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

    网页布局中遇到一些特殊效果显示比如:让网页文字实现竖排,很是疑惑,于是乎搜集整理一下,实现代码如下,需要的朋友可以参考下

    蒙古文网页中字体嵌入和文字竖排研究 (2005年)

    研究了蒙古文网页中蒙古文字体的嵌入和蒙古文文字竖排问题。把TrueType蒙古文字体转换成OpenType蒙古文字体嵌入网页中,用CSS层叠样式表技术在网页中把蒙古文字竖排,可以制作蒙古文网页,便于检索和更新。

    CSS创建竖排文字的简单方法小结

    在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?

    网页设计之特技效果汇总

    包括可以隐藏的菜单、文字竖排、小窗口、表单输入、三级菜单,还有一点点CSS语法

    manjuhergenhtml:演示如何在HTML上显示满族文字

    生成满文文本目前阶段,该项目是一个用Javascript实现的简单应用,读取包含满文文档内容的Json文件并且使用Javascript脚本+正则表达式实现从类似Möllendorff的MonTeX罗马化转写到满文的替换。页面效果如下:文件...

    天心新闻系统1.15版

    可视化新闻添加方式,可以粘贴网页任意图片、表格、文字,就象WORD一样方便。 加新闻的同时可根据你的需要上传你的一个或多个图片。 可以上传新闻附件。 1.1版新增上传新闻附件管理功能。 版面设计一条龙,所有设置...

    CMS 网站管理系统 源码

    2、 网站模板与程序分离,支持多种标签调用,支持DIV+CSS,通过模板设计便可实现个性化网站 CMS实现了“网站模板与程序完全分离”的新概念, JS标签跨站调用,支持不同频道、栏目、专题、内容页应用不同的模 模板...

    最好的asp CMS系统科讯CMSV7.0全功能SQL商业版,KesionCMS V7.0最新商业全能版-免费下载

    我们认为“简单就是美”,因此一直以来,科汛开发人员在开发过程中无处不充分考虑用户的使用习惯,尽最大可能降低用户的使用门槛,让用户关注于内容维护本身, 而不需要投入过多的时间来学习系统的使用技巧,在细节...

    Art2008 CMS 网站管理系统 v3.1.rar

    2、 网站模板与程序分离,支持多种标签调用,支持DIV CSS,通过模板设计便可实现个性化网站 Art2008 CMS实现了“网站模板与程序完全分离”的新概念, JS标签跨站调用,支持不同频道、栏目、专题、内容页应用不同的...

    苹果8XPC和手机二合一完整版

    延迟加载图片: img元素不要使用src调用图片地址,而是用data-original。 [vod:pic]" src="{maccms:path}images/blank.png" alt="[vod:name]" /&gt; ****************************系统内置JS、CSS函数库说明 结束****...

Global site tag (gtag.js) - Google Analytics