DIV+CSS图片和文字显示在同一排的问题

2025-03-10 13:13:21

推荐回答（5个）

回答1：

DIV没有文字垂直居中属性，这个确实是个缺陷问题。
需要把图片和单行文字垂直居中对其，可以给图片的CSS 定义一个vertical-align: middle; 的属性，这样单行文字就可以垂直居中于图片了。

如果多行，只能采用嵌套DIV 的方式，然后调整margin 不要调整padding。在IE6里面定义了高度或者宽度的DIV 使用padding会出现bug。

另外可以使用原本的办法，给图片内部设置属性align="absmiddle" 50分给我把。

回答2：

div里面图片垂直居中的几个例子

以上代码是图片居中
height:100%;display:inline-block;vertical-align:middle;
以上代码是文字居中
文字可以写在span中

回答3：

如果你把文字和图片放在同一个图层的，文字可以做到居中，但是图片就不能，因为图片默认是左上对齐的！如果你令到图片居中了，文字就会相对于图片右下对齐了！如果你想2个都居中的话，就不能把他们放在同一个div,或者你试下把他们放在2个div中，或者一个图片放div中，文字直接放页面中，不放div ,这样会给网页减瘦的！呵呵！
补充下：文字居中的，只要用line-height就可以控制居中，图片居中的话，要用你说的padding或者margin!

回答4：

以上说法根本不能解决问题
问题的根源在于图片是文字是内链对象不和块对象而图片是块对象，所以你可以给文字加个

回答5：

试试把图片用背景显示出来