html - 图片旁边的 Div

标签 html css

我在教<div>我有问题。 Div 在图像下,但我想在旁边。我尝试设置 float 、位置但没有任何帮助。

Jsfiddle (这里的 div/images 是未连接的!)

如何更改它以连接图像和表格?

最佳答案

Div 会自动创建一个换行符,因为它们是 block 元素。尝试在 div 上使用 display: inline-block

我现在更新了你的 fiddle :http://jsfiddle.net/aqqUV/3/

注意这里的代码变化:

<div class="form" style="
    margin-left: 70px;
    color: white;
    display: inline-block;
">

关于html - 图片旁边的 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17989535/

相关文章:

javascript (jquery) 添加文本注释不要换行/忽略它们的 div 容器

Javascript/jQuery 在单击时更改 CSS 不起作用

javascript - 这个 Flash 工具可以用 JavaScript (jQuery)/HTML5/CSS3 来完成吗?

javascript - preventDefault() 在拖放中阻止了什么?

css - iframe 变换比例仅适用于本地主机

html - prefixfree.min.js 不适用于链接标签

javascript - 如何在 DataTables 中搜索多个列?

javascript - 如果所有三个单选按钮均为 false,则不验证

html - 背景颜色被 "float"取消

jQuery 可排序和可拖动表格在拖动时保持 CSS 样式