元素的垂直对齐怎么表现，我这些代码浏览器显示不出什么效果
#p5{
vertical-align:top;
}
#p6{
vertical-align:middle;
}
#p7{
vertical-align:text-bottom;
}
</style>
</head>
<body>
<p id="p1">这就是爱</p>
<p id="p2">这就是爱1</p>
<p id="p3">这就是爱2</p>
<a id="p4" href="#">这就是爱3</a>
<p id="p5">这就是爱4</p>
<p id="p6">这就是爱5</p>
<p id="p7">这就是爱6</p>
</body>
</html>
14
收起
正在回答 回答被采纳积分+1
1回答
一叶知秋519
2018-04-03 15:46:59
你在p元素中增加一个图片，例如这样（图片地址改为你的本地图片路径）：
<head>
<style type="text/css">
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
</style>
</head>
<body>
<p>
这是一幅<img class="top" src="eg_cute.gif" />位于段落中的图像。
</p>
<p>
这是一幅<img class="bottom" src="eg_cute.gif" />位于段落中的图像。
</p>
</body>就可以看到对齐方式了。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
从网页搭建入门Java Web2018版
- 参与学习 人
- 提交作业 1088 份
- 解答问题 10205 个
如果你有Java语言基础，又想以后从事Java Web开发，那么本路径是你的不二选择！本路径从网页搭建开始入手，通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星