Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当存在';里面的形象_Html_Vertical Alignment_Valign - Fatal编程技术网

Html 当存在';里面的形象

Html 当存在';里面的形象,html,vertical-alignment,valign,Html,Vertical Alignment,Valign,有没有办法使文本垂直对齐textHello World到表格单元格中间而不拆分为两个单元格 <table border="1"> <tr> <td valign="middle" style="vertical-align:middle;"> Hello World! <img src="https://www.google.com/images/srpr/logo3w.png" border="1" /&

有没有办法使文本垂直对齐text
Hello World到表格单元格中间而不拆分为两个单元格

<table border="1">
    <tr>
        <td valign="middle" style="vertical-align:middle;">
            Hello World! <img src="https://www.google.com/images/srpr/logo3w.png" border="1" />
        </td>
    </tr>
</table>

你好,世界!

您需要垂直对齐图像,而不是td元素。

适用于Chrome FF和IE7

<style>
.mid {
    vertical-align:middle
    }
</style>


<table border="1">
    <tr>
        <td class="mid">
            <img src="https://www.google.com/images/srpr/logo3w.png" class="mid" border="1" />Hello World!
        </td>
    </tr>
</table>

.中{
垂直对齐:中间对齐
}
你好,世界!

应在图像上或其下方?谢谢。另外,为什么在单元格内对齐图像将修复单元格文本对齐问题是毫无意义的。。。多年来我一直在想怎么做。P.P.S.img标签中没有valign属性需要使用style=“vertical align:middle;”在Firefox 15中不起作用,它在Crome中起作用,因为浏览器试图修复糟糕的编码错误:)img没有这样的属性来源:据我所知,图像改变了行高,因此,当你添加文本时,你需要提到我的垂直对齐工作,我可以参考W3基金会网站,但是他们的文档很难阅读。再次感谢。