为什么代码效果实现不了
来源：3-10 vertical-align
能量咕噜略略
2020-03-24 22:07:52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p{background-color: #ececec; height: 80px;font-size: 20px;}
span{
.textTop{vertical-align: top;
}
</style>
</head>
<body>
<p>
CSS层叠样式表
<span class="textTop">文本的顶端对齐textTop</span>
</p>
</body>
</html>
当文字设置成text-bottom和bottom有什么区别，在实例效果中是一模一样的，但是 top和text-top区别又很明显
写回答
1回答
-
好帮手慕粉
2020-03-25
同学你好，关于同学的问题回答如下：
1、代码实现不了是因为同学在设置样式时标签写错了：
2、对齐方式同学可以参考下图：
使用最多的是middle，其余的了解下即可。
祝学习愉快~
0
相似问题