展会信息港展会大全

css控制竖排文字方法 android软件开发教程
来源:互联网   发布日期:2016-03-25 15:55:27   浏览:2885次  

导读:一个一行内的解决方法。不知道你有没有记得,当给父级元素指定overflow: hidden的时候,父元素就会扩展以包含浮动?这个方法就类似这个,关键是使用了em,并给每个字母之间添加了空格:...

一个一行内的解决方法。不知道你有没有记得,当给父级元素指定overflow: hidden的时候,父元素就会扩展以包含浮动?这个方法就类似这个,关键是使用了em,并给每个字母之间添加了空格:

<!doctype html>

<html>

<head>

<meta charset=utf-8 />

<title>vertical text</title>

<style>

h1 {

width: 1em;

font-size: 40px;

letter-spacing: 40px; /* arbitrarily large letter-spacing for safety */

}

</style>

</head>

<body>

<h1> n e t t u t s </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>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港