代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> /* 图片与其他的行内元素或者行内块元素有垂直对齐方式的问题,应该要优先给图片设置va */ img { /* vam */ vertical-align: middle; } /* input { vertical-align: middle; } */ </style> </head> <body> <img src=".\images\1.jpg" alt=""> <input type="text" /> </body> </html>
效果图: