css标签学习-vertical-align标签

· 教程大全 · 293064

今天在学习查阅代码的时候，发现了一个不认识的css代码，于是进行学习。

<html>

<head>
<style type="text/css">
img.top {
vertical-align:text-top;
}
img.bottom {
vertical-align:text-bottom;
}
img.middle {
vertical-align:middle;
}
</style>
</head>

<body>

<p>
这是一幅<img class="top" border="0" src="/i/eg_cute.gif" />位于段落中的图像。
</p> 

<p>
这是一幅<img class="bottom" border="0" src="/i/eg_cute.gif" />位于段落中的图像。
</p>

<p>
这是一幅<img class="middle" border="0" src="/i/eg_cute.gif" />位于段落中的图像。
</p>

</body>

</html>

效果图

使图片在对应的元素内以不同的方式进行垂直对齐

相关推荐：

如何利用Python Django的Include标签拆分大型模板文件？

{%include%}能拆分模板但需注意变量作用域、路径规则（仅从templates根目录解析）和循环中重复渲染的性能问题，非万能解法。 直接说结论：用{%include%}能拆分模板，但必须注意变量作用域、路径解析规则和循环内重复渲染的性能陷阱——它不是“无脑切文件”的万能解药。 include标...

如何在 VB.NET 中使用 Selenium 打开 Chrome 新标签页

本文介绍在VB.NET中通过SeleniumWebDriver可靠打开Chrome浏览器新标签页的正确方法，摒弃不稳定的SendKeys模拟按键方案，推荐使用原生JavaScript执行window.open()并切换窗口句柄的稳定实践。 本文介绍在vb.net中通过seleniumwebdrive...