縦書きテキスト効果を実現する CSS_html/css_WEB-ITnose-htmlチュートリアル-php.cn

縦書きテキスト効果を実現する CSS_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:37:06

オリジナル

1859 人が閲覧しました

テキストの垂直配置効果を実現するための CSS:
現在、誰もがテキストを水平方向に配置することに慣れていますが、私の友人のほとんどは、古代中国ではテキストが垂直方向に配置されていることも知っています。この章では、コード例の使用方法を紹介します。また、実際のアプリケーションではテキストを垂直に配置する必要もあります。
コードは次のとおりです:

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css">#webfx{  position:absolute;  background:red;  top:50px;  right:100px;  width:100px;  writing-mode:tb-rl;    -webkit-writing-mode:vertical-rl;}</style></head><body><div id=webfx>蚂蚁部落欢迎您</div></body>  </html>

ログイン後にコピー

上記のコードは縦書きテキスト効果を実現しますが、互換性に大きな問題があります。
すべてのブラウザと互換性のある垂直方向の配置効果については、「CSS でテキストの垂直方向の配置効果を実現する方法」の章を参照してください。

元のアドレスは次のとおりです: 縦書きテキスト効果を実現する CSS、章。

これが属する Web サイトは、div css チュートリアルです。