Html 文字排版
文字竖立排版,方法一
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>数据</title> <link href='http://cdn.webfont.youziku.com/webfonts/nomal/16398/46055/58f85e44f629d8113ccf3119.css' rel='stylesheet' type='text/css' /> <style> div { margin: 0 auto; width: 30px; line-height: 30px; height: 490px; font-size: 24px; float: right; margin-right: 10px }</style> </head> <body class="cssa2f598364400e"> <div> 龙马花雪毛,金鞍五陵豪。 秋霜切玉剑,落日明珠袍。 </div> <div> 斗鸡事万乘,轩盖一何高。 弓摧南山虎,手接太行猱。 </div> <div> 酒后竞风采,三杯弄宝刀。 杀人如剪草,剧孟同游遨。 </div> <div> 发愤去函谷,从军向临洮。 叱咤万战场,匈奴尽奔逃。 </div> <div> 归来使酒气,未肯拜萧曹。 羞入原宪室,荒淫隐蓬蒿。 </div> </body> </html>
效果:
方法二:
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>数据</title> <link href='http://cdn.webfont.youziku.com/webfonts/nomal/16398/46055/58f85f0bf629d8113ccf311b.css' rel='stylesheet' type='text/css' /> <style> div { width: 800px; height: 800px; writing-mode: tb-rl; font-size: 24px; float: right } </style>
![](https://images2015.cnblogs.com/blog/660140/201704/660140-20170420151214602-626406576.jpg)
</head> <body class="cssa2f5c8c5e400e"> <div> 壬戌之秋, 七月既望, 苏子与客泛舟游于赤壁之下。 清风徐来, 水波不兴。 举酒属客, 诵明月之诗, 歌窈窕之章。 少焉, 月出于东山之上, 徘徊于斗牛之间。 白露横江, 水光接天。 纵一苇之所如, 凌万顷之茫然。 浩浩乎如冯虚御风, 而不知其所止; 飘飘乎如遗世独立, 羽化而登仙。 于是饮酒乐甚, 扣舷而歌之。 歌曰: “桂棹兮兰桨, 击空明兮溯流光。 渺渺兮于怀, 望美人兮天一方。” 客有吹洞萧者, 倚歌而和之, 其声呜呜然: 如怨如慕, 如泣如诉; 余音袅袅, 不绝如缕; 舞幽壑之潜蛟, 泣孤舟之嫠妇。 苏子愀然, 正襟危坐, 而问客曰: “何为其然也?” 客曰: “月明星稀, 乌鹊南飞, 此非曹孟德之诗乎? 西望夏口, 东望武昌。 山川相缪, 郁乎苍苍; 此非孟德之困于周郎者乎? 方其破荆州, 下江陵, 顺流而东也, 舳舻千里, 旌旗蔽空, 酾酒临江, 横槊赋诗; 固一世之雄也, 而今安在哉? 况吾与子, 渔樵于江渚之上, 侣鱼虾而友糜鹿, 驾一叶之扁舟, 举匏樽以相属; 寄蜉蝣与天地, 渺沧海之一粟。 哀吾生之须臾, 羡长江之无穷; 挟飞仙以遨游, 抱明月而长终; 知不可乎骤得, 托遗响于悲风。” 苏子曰: “客亦知夫水与月乎? 逝者如斯, 而未尝往也; 盈虚者如彼, 而卒莫消长也。 盖将自其变者而观之, 而天地曾不能一瞬; 自其不变者而观之, 则物于我皆无尽也。 而又何羡乎? 且夫天地之间, 物各有主。 苟非吾之所有, 虽一毫而莫取。 惟江上之清风, 与山间之明月, 耳得之而为声, 目遇之而成色。 取之无禁, 用之不竭。 是造物者之无尽藏也, 而吾与子之所共适。” 客喜而笑, 洗盏更酌, 肴核既尽, 杯盘狼藉。 相与枕藉乎舟中, 不知东方之既白。 </div> </body> </html>
效果: