CSS 让同一行的图片和文字对齐

本文共有605个字。 # / a

  • 1.添加CSS属性:vertical-align:middle;

<style>
a img{border:none} .testdiv *{ vertical-align:middle; }
</style>
<div class="testdiv">
    <a href="http://www.zc144.com/">
    <img src="http://www.zc144.com/download/Template.jpg" alt="这里是图片"/>
    </a>
    <span>这里是文字,看看文字对齐了没</span>

设置各对象的vertical-align属性,属性说明:

  • baseline-将支持valign特性的对象的内容与基线对齐
  • sub-垂直对齐文本的下标
  • super-垂直对齐文本的上标
  • top-将支持valign特性的对象的内容与对象顶端对齐
  • text-top-将支持valign特性的对象的文本与对象顶端对齐
  • middle-将支持valign特性的对象的内容与对象中部对齐
  • bottom-将支持valign特性的对象的文本与对象底端对齐
  • text-bottom-将支持valign特性的对象的文本与对象顶端对齐
版权声明:本文为作者原创,如需转载须联系作者本人同意,未经作者本人同意不得擅自转载。本站微信公众号:7TEC,敬请关注!

暂时无法评论哦~

暂无评论