一、原始使用writing-mode属性-
语法:writing-mode:lr-tb或writing-mode:tb-rl
参数:
1、lr-tb:从左向右,从上往下
2、tb-rl:从上往下,从右向左
运行代码发现,IE显示正常,火狐、谷歌浏览器却不支持,所以不建议使用writing-mode属性。
二、使用CSS模拟文字竖排
对文字对象宽度设置只能排下一个文字的宽度距离,让文字一行排不下两个文字使其文字自动换行,就形成了竖立排版需求。
body{text-align:center}
.shuli{ margin:0 auto;width:20px;line-height:24px;border:1px solid #333}
三、使用br换行让其文字垂直竖排显示
利用html br换行标签实现文字换行,对每个文字后加上换行br标签让其竖列排版。
body{text-align:center; line-height:22px}
/* CSS注释说明:设置css文字居中,css行高为22px间隔 */
我
本文地址:https://www.39baobao.com/show/29_26601.html
以上内容来自互联网,请自行判断内容的正确性。若本站收录的信息无意侵犯了贵司版权,请联系我们,我们会及时处理和回复,谢谢.
最新添加文章
- 求一篇土木工程论文02-22
- 介绍科比的英文搞最好有中文解释02-21
- 论文后面的注释到底应该怎么写格式是什么啊02-22
- 急!语文练习排列句子!关于课文桥的02-22
- 新加坡人的恋爱观和风土人情是怎样的02-22
- 急急!马上要毕业了需要写一篇关于所得税会计处理问题探讨的论文02-22
- 用c语言写windows程序是不是很复杂啊我看了一个源码发现用c02-22
- 英语4级考试作文怎么写最能得高分02-21
- 1一个C语言程序是由02-22
- 各国的人都如何称呼自己的情人02-22
24小时热门文章
- 汇编语言的各种指令的用法02-22
- 求写土木工程的论文02-21
- C语言程序是由什么构成的02-22
- 语言发育迟缓如何02-22
- 光明会!和共济会!到底是什么?02-22
- 怎么更好的掌握四级作文写作方法02-21
- 电子工程系通信专业的毕业论文要怎么写02-22
- 土木工程的毕业论文怎么写02-22
- 用尾注标注参考文献时正文中参考文献是2124该怎样引用尾注啊02-22
- 汇编中的dec指令是什么指令02-22