可以使用 CSS 的 display 属性和 float 属性来实现。将 img 和 form 设置为 display:inline-block,将 form 里面的 input 设置为 float:left,这样它们就可以在同一行排列了。

示例代码:

<img src='example.jpg' style='display:inline-block;'>
<form style='display:inline-block;'>
  <input type='text' style='float:left;'>
  <input type='submit' style='float:left;'>
</form>
如何将img、form和input元素排在一行

原文地址: https://www.cveoy.top/t/topic/l8yf 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录