css实现文字竖排效果_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 11:37:061875검색
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实现文字竖排效果一章节。
所属网站是:div css教程。
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.