<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
img{width:100Px;height: 90px;}
.top{vertical-align:top ;}
.bottom{vertical-align: bottom;}
td{width: 100px; text-align: center;}
</style>
</head>
<body>
<table border="1">
<tr>
<td><img src="img/picture.jpg"/></td>
<td class="top">上对齐</td>
</tr>
<tr>
<td><img src="img/picture.jpg"/></td>
<td class="middle">中对齐</td>
</tr>
<tr>
<td><img src="img/picture.jpg"/></td>
<td class="bottom">下对齐</td>
</tr>
</table>
</body>
</html>
CSS基础笔记02----对齐方式
猜你喜欢
转载自blog.csdn.net/jihong10102006/article/details/80510523
今日推荐
周排行