Html 如何使这个大图像与小图像并排？

我希望出现在html5页面上的预期结果如下：

<form data-ng-controller="MyController">
    <switch name="onOff" ng-model="onOff" on="on" off="off"></switch>
</form>

<img src = "img/tube.jpg"/>

然而，我现在在html页面上看到的是这样的

<form data-ng-controller="MyController">
    <switch name="onOff" ng-model="onOff" on="on" off="off"></switch>
</form>

<img src = "img/tube.jpg"/>

我的html代码是这样的

<form data-ng-controller="MyController">
    <switch name="onOff" ng-model="onOff" on="on" off="off"></switch>
</form>

<img src = "img/tube.jpg"/>

开关图标是从角度ui开关创建的。我应该如何使管道位于开关旁边，并使其与开关大小相同

编辑：多亏了这些评论，现在有了一个接近的解决方案

<form data-ng-controller="MyController">
    <switch name="onOff" ng-model="onOff" on="on" off="off"></switch>
</form>

<img src = "img/tube.jpg" height=80 width=80>

---

现在管子变小了。但是，它位于开关下方，而不是开关旁边。如何使其显示在开关旁边？

例如，您可以使用“最大宽度”重新缩放图像

#max{
最大宽度：100px；
}

---

例如，您可以使用“最大宽度”重新缩放图像

#max{
最大宽度：100px；
}

---

尝试在img标签中添加宽度或高度

<img src = "img/tube.jpg" width="75px"/>

---

尝试在img标签中添加宽度或高度

<img src = "img/tube.jpg" width="75px"/>

---

使用

内联块

元素显示开关右侧的图像

<form data-ng-controller="MyController" style="display: inline-block;">
    <switch name="onOff" ng-model="onOff" on="on" off="off"></switch>
</form>

<img src = "img/tube.jpg" height="100px" width="100px"/>

---

使用

内联块

元素显示开关右侧的图像

<form data-ng-controller="MyController" style="display: inline-block;">
    <switch name="onOff" ng-model="onOff" on="on" off="off"></switch>
</form>

<img src = "img/tube.jpg" height="100px" width="100px"/>

这基本上是一个

CSS

问题。。所以你可以给我们看一些

CSS

或者

jsfiddle

就好了。给我们同样的高度和显示：inline block；设置图像的固定高度和宽度，并在两幅图像上应用float:left，这将完成您的部分只需使用…这基本上是一个

CSS

问题。。所以你可以给我们看一些

CSS

或者

jsfiddle

就好了。给我们同样的高度和显示：inline block；为两个对象设置固定的图像高度和宽度，并在两个图像上应用float:left这将完成您的部分只需使用…因此，要使图像并排显示，建议始终使用

style=“display:inline block；”“

？乐意帮助：），默认情况下，表单元素是类型块，这意味着表单标记之后的任何html元素都将从下一行出现，即。，在form元素下方显示：inline块强制下一个html元素显示在form标记后面，如果有空格，则默认情况下img元素为“display:inline”，这意味着如果您要添加一个以上的img标记，则默认情况下，如果有空格，则它将显示在彼此旁边，以便使图像并排显示，是否建议始终使用

style=“display:inline block；”“

？乐意帮助：），默认情况下，表单元素是类型块，这意味着表单标记后的任何html元素都将从下一行出现，即。，通过使表单元素显示在下面：inline块强制下一个html元素显示在表单标记后面（如果有空格）。然而，img元素默认为“display:inline”，这意味着如果您将添加一个以上的img标记，则默认情况下，如果有空格，它将显示在彼此旁边