css样式中的vertical-align:middle属性能在那些“盒子”里面使用啊?(盒子指表格,div层,dt这类)
2011-06-02
展开全部
css样式中的vertical-align:middle;属性只适用于内联元素。同时浏览器对其支持还存在局限。给个例子:
<div style="background:#ccc;width:880px;height:180px;line-height:180px;"><!--可去掉文本的行高再看看效果-->
<img src="123.gif" alt="图片" style="width:150px;height:150px;vertical-align:middle;" />
这是文本内容.
<span>内联元素11.</span>
<strong>内联元素22.</strong>
<input type="button" value="11111" />
<h3 style="display:inline;">转成内联元素的块元素</h3>
</div>
<div style="background:#ccc;width:880px;height:180px;line-height:180px;"><!--可去掉文本的行高再看看效果-->
<img src="123.gif" alt="图片" style="width:150px;height:150px;vertical-align:middle;" />
这是文本内容.
<span>内联元素11.</span>
<strong>内联元素22.</strong>
<input type="button" value="11111" />
<h3 style="display:inline;">转成内联元素的块元素</h3>
</div>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询