Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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_Css_Image_Html Table_Vertical Alignment - Fatal编程技术网

Html 如何垂直对齐表格单元格中的多个图像?

Html 如何垂直对齐表格单元格中的多个图像?,html,css,image,html-table,vertical-alignment,Html,Css,Image,Html Table,Vertical Alignment,我有3个图像,我需要在一个表格单元格中水平和垂直居中。我正在努力使它们垂直对齐,它们卡在底部。我该怎么做 我创造了一个新的世界 我的Html是: <body> <br /><br /><br /><br /> <table> <tr> <td>aaaaaaaaaaaa</td> <td>bbbbb

我有3个图像,我需要在一个表格单元格中水平和垂直居中。我正在努力使它们垂直对齐,它们卡在底部。我该怎么做

我创造了一个新的世界

我的Html是:

<body>
    <br /><br /><br /><br />
    <table>
        <tr>
            <td>aaaaaaaaaaaa</td>
            <td>bbbbbbbbbbbb</td>
            <td>cccccccccccc</td>
            <td>dddddddddddd</td>
        </tr>
        <tr>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td id="toAlign" colspan="4">
                <img src="http://www.marietta.edu/News/images/Wikipedia-logo-small.gif" />
                <img src="http://luc.devroye.org/PhilippPoll-Wikipedia-logo-LinuxLibertine--Small.png" />
                <img src="http://2.bp.blogspot.com/-CycORET_pXw/TjFcj6r-RoI/AAAAAAAAGLE/fyM10hArlBE/s1600/wikipedia_logo+SMALL.jpg" />
            </td>
        </tr>
        <tr>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td>eeeeeeeeeeee</td>
            <td>ffffffffffff</td>
            <td>gggggggggggg</td>
            <td>hhhhhhhhhhhh</td>
        </tr>
    </table>
</body>

应用
垂直对齐:中间


@JVerstry哈哈^^我从昨天起就记得你:-)
table {
    margin: 0 auto;
    font-family: "Courier New";
}

#toAlign {
    text-align: center;
    vertical-align: middle;
}
#toAlign img {
    vertical-align: middle;
}