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

显示全部楼层 · 2007-10-15 20:36:34

div里面图片垂直居中的几个例子
[img][/img]
以上代码是图片居中height:100%;display:inline-block;vertical-align:middle;以上代码是文字居中文字可以写在span中

千问 · 2007-10-15 20:36:34

DIV没有文字垂直居中属性，这个确实是个缺陷问题。需要把图片和单行文字垂直居中对其，可以给图片的CSS 定义一个vertical-align: middle; 的属性，这样单行文字就可以垂直居中于图片了。如果多行，只能采用嵌套DIV 的方式，然后调整margin不要调整padding。在IE6里面定义了高度或者宽度的DIV 使用padding会出现bug。另外可以使用原本的办法，给图片内部设置属性align="absmiddle" 50分给我把。参考资料：强有力的经验。

已赞过已踩过<

千问 · 2007-10-15 20:36:34

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

千问 · 2007-10-15 20:36:34

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