<!DOCTYPE html>
<html>
<head>
<title>竖形文本</title>
<meta charset="UTF-8">
</head>
<style>
.one {
margin: 0 auto;
/* height: 150px; */
background : #ffaa00;
font-size: 24px;
writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
}
</style>
<body>
<div class="one">定海神针-定海神针-定海神针-定海神针-定海神针-定海神针-定海神针-定海神针-定海神针-定海神针 </div>
</body>
</html>
html竖形文本
最新推荐文章于 2024-10-04 22:04:56 发布