怎么利用CSS实现文字的竖排


这篇文章将为大家详细讲解有关怎么利用CSS实现免费云主机域名文字的竖排,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
  样式表的文字处理属性中有两个重要的属性:writing-mode和text-align。让我们先看看它们的用法:
  1.writing-mode(设置对象书写方向)
  语法:writing-mode:lr-tb、tb-rl
  参数:lr-tb:从左向右,从上往下tb-rl:从上往下,从右向左
  示例:
  CSSCode复制内容到剪贴板
  div{writing-mode:tb-rl;}
  2.text-align(设置对象中文本的对齐方式)
  语法:text-align:left、right、center、justify
  参数:left:左对齐right:右对齐center:居中justify:两端对齐
  示例:
  CSSCode复制内容到剪贴板
  div{text-align:center;}
  而通常普通的排版思路:对文字对象宽度设置只能排下一个文字的宽度距离,让文字一行排不下两个文字使其文字自动换行,就形成了竖立排版需求。
  CSSCode复制内容到剪贴板
  

  
  
  
  
  

  body{text-align:center}
  .shuli{margin:0auto;width:20px;line-height:24px;border:1pxsolid#333}
  
  
  
  我是竖列排版

相关推荐: 如何用PHP编写Hello World程序

这篇文章主要介绍“如何用PHP编写Hello World程序”,在日常操作中,相信很多人在如何用PHP编写Hello World程序问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何用PHP编写Hello World程序”的疑惑…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 10/05 14:43
下一篇 10/05 14:43

相关推荐