css3技术

CSS创建竖排文字的简单方法_div+css教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:48 我要评论( )

!DOCTYPE HTML html lang=en head meta charset=UTF-8 titleVertical Text/title style h1 { white-space: pre; } /style /head body h1 J E F F R E Y /h1 /body /html 点击查看演示 通过设置 white-space 的值为

<!DOCTYPE HTML>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <title>Vertical Text</title>
      <style>
         h1 { white-space: pre; }
      </style>
   </head>
   <body>

      <h1>
         J
         E
         F
         F
         R
         E
         Y
      </h1>
   </body>
</html>

 

点击查看演示

通过设置 white-space 的值为 pre,即可控制文字的排版就像在一个 pre 标签中一样。因此,它会严格地显示你添加的空格。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评