HTML表格列宽未按预期显示

我只是尝试在一行中平均显示三个图像。但是在下面的代码中，前两幅图像各占45%，第三幅图像非常小。为什么?

<table width="100%">
        <tr>
            <td width="33%">
                    <img src="image1.png" style="width:100%;">
                    <p>Image Name 1</p>
            </td>
            <td width="33%">
                    <img src="image2.png" style="width:100%;">
                    <p>Image Name 2</p>    
            </td>
            <td width="34%">
                    <img src="image3.png" style="width:100%;">
                    <p>Image Name 3</p>
            </td>
        </tr>
</table

图像名称1

图像名称2

图像名称3

尝试使用
s并将
宽度更改为
最大宽度，而不是
：


.cols{溢出：隐藏；}
.cols.col-33{width:33.33%；float:left；}

图像名称1

图像名称2

图像名称3

图像的大小是多少？这是您页面上唯一的代码吗？有样式表吗？