对于文字和图片的在一行中的对齐方式,比方说在一个div中
我们有 “谁谁谁”和一张图片 那么我们一般使用两者对齐的方式去实现
css
#div{
vertical-align: middle;
}
这样的方式去设置
但是在开发过程中 这样的方式不是很常见的 一般我们在设计网页的时候
我们遵从一个元素一个框架的设计思想 也就是说在一个容器中我们不希望放2个或者2个以上的html元素
所以我们可以使用table来解决这样的问题
<table align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>ssssss</td>
<td>
<img alt="" src="images/close.png">
</td>
</tr>
</table>
那么这样它们就是垂直居中对齐的。
我们有 “谁谁谁”和一张图片 那么我们一般使用两者对齐的方式去实现
css
#div{
vertical-align: middle;
}
这样的方式去设置
但是在开发过程中 这样的方式不是很常见的 一般我们在设计网页的时候
我们遵从一个元素一个框架的设计思想 也就是说在一个容器中我们不希望放2个或者2个以上的html元素
所以我们可以使用table来解决这样的问题
<table align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>ssssss</td>
<td>
<img alt="" src="images/close.png">
</td>
</tr>
</table>
那么这样它们就是垂直居中对齐的。