CSSの世界縦横ルールを変えるwriting-mode属性---文章を古詩詞のように一列一列に展示できる

452 ワード

最近プロジェクトの中で1つの地方の展示する情报は列状のを要して、半日探して解决方法を探し当てていないで、大神が私にこの属性を教えてくれて、よくなって直接コードをかきます
div{
    width: 32px;
    font-size: 32px;
    display:inline-block;
    writing-mode:tb-rl;
}

そう、これです:writing-mode:tb-rl;
IE 7+ブラウザサポート.内容は上から下へ(top-bottom)、右から左へ(right-left)垂直に流れ、次の垂直行は前の垂直行の左側に位置し、全角記号は直立して位置決めされ、非全角記号(狭ラテン語または狭仮名記号とも呼ばれる)は時計回りに90°回転する.このようなレイアウトは東アジアのレイアウトに多く見られる.
CSSの世界縦横ルールを変えるwriting-mode属性についても参考にしてください.