css中的文字竖排和间距控制
来源:互联网 发布:python 接入支付宝 编辑:程序博客网 时间:2024/05/21 22:25
css中的文字竖排和间距控制
文字的竖排和间距控制
竖排
代码: <DIV style="WRITING-MODE:tb-rl;TEXT-ALIGN:left"><p>文字</p></div>
解释:writing-mode:文字的写入模式
tb-rl:从上到下,从右到左;依此类推你也可以让文字从上到下再从左到右排列,键入tb-lr就行了
text-align是文本对齐,左对齐、右对齐还是居中,这个在文本编辑页面上就可以选择的。
示范:
天净沙·秋思
元·马致远
枯藤老树昏鸦
小桥流水人家
古道西风瘦马
夕阳西下
断肠人在天涯
这样排版出来的文字方向有些问题,在loadmemory那里找到了解决办法,具体如下:
返回日志编辑页面,点击上方编辑功能按钮中“字型”下拉菜单,如果此时你不想更改日志文字的字体,则在字型选单中选取第一项,即“Arial”,然后预览日志,你会发现日志版面已经是真正的竖排版了。如果你对现有中文字体不满意,你可以点击下拉菜单中的“其它字体”,然后输入相应的TrueType 中文字体,如simsun(宋体),simhei(黑体),mingliu(柳体)等,注意,如果浏览者的操作系统中没有安装相应的字体,则无法看到你所编辑的相应字体效果。
示范:
天净沙·秋思
元·马致远
枯藤老树昏鸦
小桥流水人家
古道西风瘦马
夕阳西下
断肠人在天涯
你也可以调整文字的间距来获得更好的视觉效果
代码: <div style="letter-spacing:0.3em;line-height:13pt"><p>文字</p></div>
解释: letter-spacing:控制字母间的间距,对中文而言就是字与字之间的间距
letter-spacing替换为word-spacing:实现英文的词与词之间的间距的控制
line-height是:控制行间距,无论英文还是中文都是一样的
文字的竖排和间距控制
竖排
代码: <DIV style="WRITING-MODE:tb-rl;TEXT-ALIGN:left"><p>文字</p></div>
解释:writing-mode:文字的写入模式
tb-rl:从上到下,从右到左;依此类推你也可以让文字从上到下再从左到右排列,键入tb-lr就行了
text-align是文本对齐,左对齐、右对齐还是居中,这个在文本编辑页面上就可以选择的。
示范:
天净沙·秋思
元·马致远
枯藤老树昏鸦
小桥流水人家
古道西风瘦马
夕阳西下
断肠人在天涯
这样排版出来的文字方向有些问题,在loadmemory那里找到了解决办法,具体如下:
返回日志编辑页面,点击上方编辑功能按钮中“字型”下拉菜单,如果此时你不想更改日志文字的字体,则在字型选单中选取第一项,即“Arial”,然后预览日志,你会发现日志版面已经是真正的竖排版了。如果你对现有中文字体不满意,你可以点击下拉菜单中的“其它字体”,然后输入相应的TrueType 中文字体,如simsun(宋体),simhei(黑体),mingliu(柳体)等,注意,如果浏览者的操作系统中没有安装相应的字体,则无法看到你所编辑的相应字体效果。
示范:
天净沙·秋思
元·马致远
枯藤老树昏鸦
小桥流水人家
古道西风瘦马
夕阳西下
断肠人在天涯
你也可以调整文字的间距来获得更好的视觉效果
代码: <div style="letter-spacing:0.3em;line-height:13pt"><p>文字</p></div>
解释: letter-spacing:控制字母间的间距,对中文而言就是字与字之间的间距
letter-spacing替换为word-spacing:实现英文的词与词之间的间距的控制
line-height是:控制行间距,无论英文还是中文都是一样的
实际应用中,请反复调整上面的数值以达到最佳效果。
0 1
- css中的文字竖排和间距控制
- css 控制文字间距
- CSS奇特技巧:控制文字竖排
- CSS实现文字竖排
- CSS文字竖排
- CSS 文字竖排
- CSS文字竖排
- css实现文字竖排
- css实现文字竖排
- HTML + CSS + DW 中的文字纵向竖排的方法
- CSS实现的文字竖排
- Css实现文字竖排效果
- css实现文字竖排效果
- css文字双竖排显示
- 文字竖排和文字旋转
- WPF文字描边的解决方法(二)——支持文字竖排和字符间距调整
- 利用CSS实现竖排文字文字效果
- CSS实现的文字竖排效果
- 指针的基本操作1
- fragment+viewpager 第二次执行时viewpager没有数据
- 关于sprintf函数不同环境下的执行结果
- CDN回源
- 使用Auto Layout中的VFL(Visual format language)——代码实现自动布局
- css中的文字竖排和间距控制
- 动态添加textview设置margin属性不生效
- 完成 - 高绩效敏捷团队的必杀秘笈
- inline、block、inline-block的区别
- New features in SQL Prompt 6.4
- 心不静
- OnEraseBkGnd()
- 第15周 项目3-玩指针(3)
- 第十三周项目四之数组的排序