在一个单元格中引入一张图片和设置一个文本框或者按钮如何进行对齐？

最新推荐文章于 2022-09-22 11:58:24 发布

qinduan007

最新推荐文章于 2022-09-22 11:58:24 发布

阅读量257

点赞数

文章标签： css html5

本文链接：https://blog.csdn.net/qinduan007/article/details/115035051

版权

在一个单元格中引入一张图片和设置一个文本框或者按钮如何进行对齐？
首先这样设置后文本框和图片之间有空隙，需要将文本框代码和图片代码写在一行，中间不能换行或者有空格，然后分别给图片和文本框样式设置垂直方向上对齐 vertical-align: middle;

.goods img,{
            width:150px;
            vertical-align: middle;
            
        }
.goods button{
           
            vertical-align: middle;
        }



 <tr>
            <td class='goods' >
                
                <button ></button>
                <img src="hua.jpg" alt="">
            </td>
    </tr>