扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要讲解了“css如何实现文字横排”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css如何实现文字横排”吧！
在西峰等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站制作、成都做网站 网站设计制作定制网站,公司网站建设,企业网站建设,成都品牌网站建设,网络营销推广,外贸营销网站建设,西峰网站建设费用合理。
css实现文字横排的方法：首先创建一个HTML示例文件；然后创建p标签；最后通过“writing-mode: horizontal-tb;”属性实现文字横排即可。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
css怎么实现文字横排？
css实现文字横向排列/竖向排列writing-mode：书写模式
| 属性值 | 效果 |
|---|---|
| horizontal-tb | 横向排列 |
| vertical-rl | 竖向排列，从右到左 |
| vertical-lr | 竖向排列，从左到右 |
举例如下：
html：