css 如何让文字和图片对齐？问题图片和代码内详

<h3><img src="wp-content/themes/HotNewspro/images/bulletin.gif">教务通知</h3>
外部CSS:
#sidebar h3 {
padding: 0px 0px 0px 5px;
height:27px;
line-height:40px;
color: #393939;
font-size: 12px;
font-weight: normal;
}
#sidebar h3 img{
vertical-align:middle
}
我想让教务通知和这个小喇叭图片距离底下的灰色边界10px 调整其中的padding中的top参数无法实现效果
请高手帮帮我！

举报该问题

其他回答

第1个回答 2013-09-17

必须是10px吗？把高度和行高设置成一样的数值（最好设置成背景灰色渐变条的高度），这样就可以使文字和图片相对于背景灰色渐变条垂直居中了。

第2个回答 2013-09-18

① 首先，我要知道你这个小喇叭图片的尺寸，并且告诉你：

img标签和文字在同一行的时候，默认图片底部和文字底部对齐，所以这一行里面，img的高度将会影响这一行的高度

② 你设定了 #sidebar h3 {height:27px; line-height:40px}
当你line-height大于height的时候，文字固然就下沉，建议尝试line-height:27px，这样可以令文字居中本回答被提问者采纳

第3个回答 2013-09-18

把图片设置成背景再试试

也可以吧文字加绝对定位

相似回答

css 如何让文字和图片对齐?问题图片和代码内详答：回答：必须是10px吗? 把高度和行高设置成一样的数值(最好设置成背景灰色渐变条的高度),这样就可以使文字和图片相对于背景灰色渐变条垂直居中了。

css里在一个标签中如何使文字和左边图片对齐成顶部对齐,怎么布局...答：1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入css代码：img {float: left;}。3、浏览器运行index.html页面，此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了。

css图片和文字对齐的办法?答：1、打开Dreamweaver工具，并新建html页面。2、切换到编写代码的界面。3、编写代码如下：我是文字 4、预览页面，我们可以看到图片和文字并没有对齐，那么我们在img标签中添加样式。5、代码如下：style=vertical-align:bottom;6、预览html页面，可以看到已经下面对齐了 ...

css中让文字和图片对齐的问题答：img是内联元素，p标签是块级元素，所以p标签内的文字换行很正常。strong标签是内联元素，所以会跟img处于同一行，想要img跟strong中的文字垂直居中对齐，需要设置img的vertical-align为middle。

css如何使图片和文字在同一行显示,文字换行后和图片对齐答：文字换行后和图片对齐div { width:400px; margin:0 auto;}img { float:left; margin:0 10px 10px 0;}p { width:auto;}css如何使图片和文字在同一行显示,文字换行后和图片对齐css如何使图片和文字在同一行显示,文字换行后和图片对齐css如何使图片和文字在同一行显示,文字换行后和图片对齐css如何...

大家正在搜

css如何让图片和文字对齐 css文字和图片对齐居中 css图片和文字上下居中对齐 css文字图片对齐 css图片与文字水平对齐 css文本水平居中对齐代码 css文字下对齐 css文字对齐方式 css的文字水平对齐