让html里面的文字竖排 html文字竖排显示

网上目前两种方法竖排,
一种是用 writing-mode:tb-rl;
另一种是用 layout-f low: vertical-ideographic;
让html里面的文字竖排 html文字竖排显示
但遗憾的是,这两种方法都基本是 IE Only 的……

1.<pstyle= "layout-flow:vertical-ideographic ">道可道,非常道;名可名,非常名。无名,天地之始;有名,万物之母。故常无欲,以观其妙;常有欲,以观其徼。此两者同出而异名,同谓之玄,玄之又玄,众妙之门。 <br/><br/>
&nbsp;&nbsp;&nbsp;&nbsp;-- 老子 道德经</p>

2.设置宽度为1.5倍的字宽,保证列距,然后让所有div右浮动。
很简单又很有用的技巧,兼容各个主流浏览器~不过对于英文竖排这种方法没有用,没办法使英文竖排。对汉字倒是还好。

<div>水調歌頭</div>

<div> </div>

<div>蘇軾 </div>

<div> </div>

<div>明月幾時有 </div>

<div>把酒問青天 </div>

<div>不知天上宮闕 </div>

<div>今夕是何年 </div>

<div>我欲乘風歸去 </div>

<div>又恐瓊樓玉宇 </div>

<div>高處不勝寒 </div>

<div>起舞弄清影 </div>

<div>何似在人間 </div>

<div> </div>

<div>轉朱閣 </div>

<div>低綺戶 </div>

<div>照無眠 </div>

<div>不應有恨 </div>

<div>何事長向別時圓 </div>

<div>人有悲歡離合 </div>

<div>月有陰晴圓缺 </div>

<div>此事古難全 </div>

<div>但願人長久 </div>

<div>千里共嬋娟 </div>

如果有博友知道英文怎么在html竖排的方法。欢迎回帖。谢谢!

  

爱华网本文地址 » http://www.aihuau.com/a/25101014/227794.html

更多阅读

把图片里面的文字快速提取出来 手机提取照片文字

相信大家在经常使用Office时,常要将图片文字转换成word的图片,有些是扫描的,有些是用相机拍下来的,但不能在电脑上编辑,如果图片文字转换成word后就可以在电脑上编辑了!图片上的文字是不能复制,这是一件令人非常郁闷的事情。 很多工作上

怎么修改图片上的文字 精 修改图片文字

有时候需要用一个图片,但是图片上面的字太碍眼了;有时候打错了字,但知道最后转换成了图片格式才发现这个字错了。我们该怎么办呢?用photoshop很容易就可以改变错字,我们来做一做吧。下面是图片修改前后对照:怎么修改图片上的文字 精——

如何复制百度文库的文字 如何复制百度文库内容

如何复制百度文库的文字——简介很多人在百度文库里看到好的资料,却没法下载或复制下来,这下有招啦!如何复制百度文库的文字——方法/步骤如何复制百度文库的文字 1、查找你需要的百度文库资料如何复制百度文库的文字 2、转至百度文

怎样才能提取图片中的文字 怎样提取图片上的文字

现在数码照相技术越来越发达,如果您到图书馆或者新华书店看到了好的文章或者图书,想把书本上需要的内容输入到电脑中,就会想到用手机或相机拍下来,但是拍摄图片中的文字是无法编辑的,怎样才能提取图片中的文字,将图片中的文字转换为可以编

声明:《让html里面的文字竖排 html文字竖排显示》为网友如若比翼便双飞分享!如侵犯到您的合法权益请联系我们删除