切换到宽版

 找回密码
 立即注册
Tizen|泰泽论坛,中国领先的泰泽Tizen论坛!»泰泽论坛 › Tizen开发联盟（TizenEye） › Tizen/HTML5开发专区 › Tizen开发文字垂直排列代码
返回列表 发新帖
查看: 2030|回复: 0

Tizen开发文字垂直排列代码

[复制链接]
流星悟语
发表于 2015-8-26 17:38:05 | 显示全部楼层 |阅读模式
通过设置宽度和break-word，我们可以做简单的垂直文本。
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <style>
  6.       p span {
  7.         display:block;
  8.         width:8px;
  9.         border:1px solid black;
  10.         text-align:center;
  11.         padding:5px;
  12.         word-wrap:break-word;
  13.       }
  14.     </style>
  15.   </head>
  16.   <body>
  17.     <p>
  18.       <span>vertical-text</span>
  19.     </p>
  20.   </body>
  21. </html>
复制代码


代码, tizen, tizen开发

相关帖子

欢迎来到泰泽网：http://www.tizennet.com/ 泰泽论坛:http://bbs.tizennet.com/ 好没有内涵哦,快到设置中更改这个无聊的签名吧！
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|泰泽应用|泰泽论坛|泰泽网|小黑屋|Archiver|手机版|泰泽邮箱|泰泽网 ( 蜀ICP备13024062号-1 )

GMT+8, 2024-12-26 02:00 , Processed in 0.083595 second(s), 20 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表