css 图片和文字同时垂直居中

原创于 2014-08-06 14:03:51 发布 · 876 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了如何利用CSS的布局属性和图像元素来创建美观且富有交互性的网页头部设计，通过实例展示如何实现居中显示、垂直对齐，并巧妙运用图像与文本的结合，提升用户体验。

<pre name="code" class="css">#header{  
    text-align:center;  
    width:100%;  
    font-size:15px;  
    height:35px;  
    line-height:35px;  
    }  
      
#header img{  
    vertical-align:middle;  
    }

<div id="header"><img src="images/ia_title_img .png" />心情互动</div>