首页 > 代码库 > Html 文字排版

Html 文字排版

2024-09-16 01:17:37   217人阅读

文字竖立排版，方法一

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>数据</title>
<link href=http://www.mamicode.com/‘http://cdn.webfont.youziku.com/webfonts/nomal/16398/46055/58f85e44f629d8113ccf3119.css‘ rel=‘stylesheet‘ type=‘text/css‘ />"color: #008000">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://www.mamicode.com/‘http://cdn.webfont.youziku.com/webfonts/nomal/16398/46055/58f85f0bf629d8113ccf311b.css‘ rel=‘stylesheet‘ type=‘text/css‘ />"color: #000000">
        div {
            width: 800px;
            height: 800px;
            writing-mode: tb-rl;
            font-size: 24px;
          float: right

        }
    </style>
技术分享 

</head>
<body class="cssa2f5c8c5e400e">

    <div>
        壬戌之秋， 七月既望， 苏子与客泛舟游于赤壁之下。 清风徐来， 水波不兴。 举酒属客， 诵明月之诗， 歌窈窕之章。 少焉， 月出于东山之上， 徘徊于斗牛之间。 白露横江， 水光接天。 纵一苇之所如， 凌万顷之茫然。 浩浩乎如冯虚御风， 而不知其所止； 飘飘乎如遗世独立， 羽化而登仙。
        于是饮酒乐甚， 扣舷而歌之。 歌曰： “桂棹兮兰桨， 击空明兮溯流光。 渺渺兮于怀， 望美人兮天一方。” 客有吹洞萧者， 倚歌而和之， 其声呜呜然： 如怨如慕， 如泣如诉； 余音袅袅， 不绝如缕； 舞幽壑之潜蛟， 泣孤舟之嫠妇。
        苏子愀然， 正襟危坐， 而问客曰： “何为其然也？” 客曰： “月明星稀， 乌鹊南飞， 此非曹孟德之诗乎？ 西望夏口， 东望武昌。 山川相缪， 郁乎苍苍； 此非孟德之困于周郎者乎？ 方其破荆州， 下江陵， 顺流而东也， 舳舻千里， 旌旗蔽空， 酾酒临江， 横槊赋诗； 固一世之雄也， 而今安在哉？ 况吾与子， 渔樵于江渚之上， 侣鱼虾而友糜鹿， 驾一叶之扁舟， 举匏樽以相属； 寄蜉蝣与天地， 渺沧海之一粟。 哀吾生之须臾， 羡长江之无穷； 挟飞仙以遨游， 抱明月而长终； 知不可乎骤得， 托遗响于悲风。”
        苏子曰： “客亦知夫水与月乎？ 逝者如斯， 而未尝往也； 盈虚者如彼， 而卒莫消长也。 盖将自其变者而观之， 而天地曾不能一瞬； 自其不变者而观之， 则物于我皆无尽也。 而又何羡乎？ 且夫天地之间， 物各有主。 苟非吾之所有， 虽一毫而莫取。 惟江上之清风， 与山间之明月， 耳得之而为声， 目遇之而成色。 取之无禁， 用之不竭。 是造物者之无尽藏也， 而吾与子之所共适。”
        客喜而笑， 洗盏更酌， 肴核既尽， 杯盘狼藉。 相与枕藉乎舟中， 不知东方之既白。
    </div>

</body>
</html>

效果：

 

Html 文字排版


联系
我们